Rechercher : dans
Par :

Les feuilles de style .css

Dernière réponse le 10 mar 2004 à 12:23:41 Keo, le 8 mar 2004 à 20:00:21 
 Signaler ce message aux modérateurs

Hello tout le monde !

Bien voilà, c'est la première fois que je créer des feuilles de styles et voilà que je rencontre un petit souçi... normal vous allez me dire :)

Voilà mon problème : je voudrais que mes liens agissent de la meme manière que les liens de ce site (CCM). Jusqu'ici j'ai réussis, lorsque je pointe mon curseur sur un lien l'effet est présent, mais aprés avoir cliqué sur un lien, l'effet disparait ! C'est à dire que j'ai beau ballader mon curseur sur le lien rien ne se passe. j'ai tout essayé sauf la bonne solution ;) C'est donc pour ca que je suis là, pour avoir la bonne solution !

Je compte sur vous :)

Merci d'avance,

En direct de Gennevilliers (92)
:: Keo ::

Meilleures réponses pour « Les feuilles de style .css » dans :
Feuilles de style - CSS Voir Présentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Télécharger Firebug VoirFirebug est un module pour Firefox apportant un grand nombre d'outils de développement pour le web. Il permet d'éditer, débugger, monitorer les feuilles de style (CSS), le HTML et le CSS en live dans toute page web. Firebug version 1.4 et...
Déclaration d'une feuille de style (CSS) VoirDéclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...

1

foobar47, le 8 mar 2004 à 20:13:44

Salut, et tu as mis quoi dans ton CSS !?

Copie le ici !

Et essaye ça :

A {
color:#FF0000;
font:  Arial, Helvetica, sans-serif;
text-decoration:none;
}

A:hover {
color:#FFFF00;
font:  Georgia, Times New Roman, Times, serif;
text-decoration:none;
}

A:visited {
color:#0000CC;
font:  Times New Roman, Times, serif;
text-decoration:none;
}



Linux is like sex, it's better when it's free.

L'ignorance, c'est la mort ; le savoir, c'est la vie...

Répondre à foobar47

2

foobar47, le 8 mar 2004 à 20:20:58

Sinon, pour avoir des liens d'aspect différent:

Il suffit de déclarer des sous classes.

Script CSS :

<style>
A.lien1:link { text-decoration:underline;color:red;font-size:10px }
A.lien1:active {text-decoration:underline;color:red;font-size:10px }
A.lien1:hover { text-decoration:underline;color:red;font-size:10px }
A.lien1:visited { text-decoration:underline;color:red;font-size:10px }
//Deuxieme lien
A.lien2:link { text-decoration:none;color:green;font-size:14px} 
A.lien2:active { text-decoration:none;color:green;font-size:14px } 
A.lien2:hover { text-decoration:underline;color:red;font-size:14px;font-style:oblique} 
A.lien2:visited { text-decoration:none;color:green;font-size:14px } 
</style>


Code HTML:
<a href="#" class="lien1">Lien1</a>
<a href="#" class="lien2">Lien2</a> 




Linux is like sex, it's better when it's free.
L'ignorance, c'est la mort ; le savoir, c'est la vie...

Répondre à foobar47

3

Keo, le 9 mar 2004 à 19:56:18

Salut, ta première proposition est corecte, c'est d'ailleurs celle-ci que je j'ai trouvé tout seul :) Mais sinon je vois pas trop comment fonctionne les sous-classes. Tu peux m'expliquer ?

<b>En direct de Gennevilliers (92)
:: Keo ::</b>

Répondre à Keo

4

foobar47, le 9 mar 2004 à 20:53:32

Re,
et bien, il suffit de fire comme d'hab, sauf que tu précise une sous classe en plus !

regarde :

comme d'hab: c'est

A:hover 
!
et avec la sous classe: c'est
A.lien1:hover
!

Ensuite dans ton code HTML, il te suffit de préciser la sous-classe comme dans l'exemple !

Ca permet d'avoir différent type de liens !

;-))

Linux is like sex, it's better when it's free.

L'ignorance, c'est la mort ; le savoir, c'est la vie...

Répondre à foobar47

5

Keo, le 9 mar 2004 à 23:51:16

Oui mais comment passer d'une classe à une autre ? je vois pas trop.

<b>En direct de Gennevilliers (92)
:: Keo ::</b>

Répondre à Keo

6

foobar47, le 10 mar 2004 à 12:02:46

Je ne comprends pas ta question !

8-O

la classe du lien1 s'appelle avec lien1 et la classe du lien2 s'appelle avec lien2...

:-)

Linux is like sex, it's better when it's free.

L'ignorance, c'est la mort ; le savoir, c'est la vie...

Répondre à foobar47

7

 foobar47, le 10 mar 2004 à 12:23:41

Re,
je pense que tu confons classe .lien1, .lien2, et selecteur :hover, :visited, etc...


PS: merci asevere !

Linux is like sex, it's better when it's free.

L'ignorance, c'est la mort ; le savoir, c'est la vie...

Répondre à foobar47
Collection CommentÇaMarche.net