Mise en forme CSS et lien

Version imprimable

Bonjour :D ,

J'ai un petit soucis avec les CSS. Voila mon code d'origine qui fonctionne nickel :
Code:

1 2 <td width="133" height="47"> <a href="index.php class="menu">Carte des soins</a> <td>
Là, pas de problème, il prend la classe menu définit dans ma CSS et me met le tout en forme.

Maintenant voila ce que je souhaiterai rajouter (je précise que rien n'a été changé ailleurs dans le code) :
Code:

1 2 <td width="133" height="47> <a href="index.php?p=carte" class="menu">Carte des soins</a></td>
Et là, ca marche plus :arf: :marteau:
Il reprends le comportement d'un lien normal à savoir souligné et violet lorsqu'il est visité.

Voila mon bout de CSS :
Code:

1 2 3 4 5 6 7 8 9 A.menu:link {text-decoration: none;color: #FFFFFF;font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; } A.menu:hover {font-size: 17px;text-decoration: none;color: #FFFFFF;font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; } tr.menu {background-color:#CC0066;} a:link { color: #000000; text-decoration: underline; } a:hover { text-decoration: underline; }
Merci d'avance pour votre aide !
Deb ;)

12/02/2007, 17h02
E.Bzz

Bonjour,
à part le " manquant dans ta 1° version, y a pas de raison ...
Vraiment aucun changement ailleurs, et sur le même nav ?

A+
12/02/2007, 17h31
debie1108

Citation:

Envoyé par E.Bzz

Bonjour,
à part le " manquant dans ta 1° version, y a pas de raison ...
Vraiment aucun changement ailleurs, et sur le même nav ?

A+

Bonjour,

Merci de t'être arrêté sur mon pb 5 min.
Le " manquant a disparu dans le copier-coller mais est bien présent dans le code.
Aucun changement ailleurs, ni de naviguateur (IE)... Du reste, si je supprime le ?p=carte, cela fonctionne de nouveau...
Incompréhensible !!!! :lol:
12/02/2007, 17h46
E.Bzz

... à part la 1° fois : si tu as visité index.php, il te le mets en "visited", mais si tu le modifies en index.php?p=carte, pour lui ce n'est plus la même url, et donc, pas encore visited ... jusqu'à ce que tu reclic dessus ...

Si les symptômes persistent ... je sèche :aie:

A+
14/02/2007, 10h51
debie1108

Bon alors voila, j'ai rajouter ca dans ma css :

Code:

A.menu:visited {text-decoration: none;color: #FFFFFF;font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }

Et du coup, quand il le considère comme visited, il applique le même style que link...

Je ne sais pas si c'est très propre mais ca marche...

Merci en toute cas !

Deb
14/02/2007, 10h57
E.Bzz

Heu oui, temporairement c'est une solution :mrgreen:
Mais ça ne résoud pas le pb, ça le masque uniquement :aie:

A+

Ce que tu attribues à a:link ne va pas concerner a:visited. Si tu veux qu'un style s'aplique à toutes les pseudo-classe de la balise a, tu dois le définir par le sélecteur a (tout court). Dans ton cas tu devrais avoir quelque chose du genre:
Code:

1 2 3 4 5 6 7 8 9 10 a.menu { text-decoration: none; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; } a.menu:hover { font-size: 17px; }