[Résolu] Liens non soulignés sous Firefox

Bonjour!
Petit souci CSS sous Firefox: je veux désactiver le soulignement sur une partie d'un lien (j'aimerais autant que possible ne pas saucissonner ma balise <a>

Le code HTML

<a class="searchResult" href="content.php?CID=1">
Contenu de test 1
<div>Description: contenu de test 1</div>
</a>

Le CSS

a:visited, a:link{
	display: block;
	margin-bottom: 20px;
}
.searchResult div {
	padding-left: 20px;
	text-decoration: none;
	color: black;
	font-style: italic;
	margin-top: 2px;
}

Le text-decoration: none s'applique bien au div sous IE mais pas sous FIREFOX... Aurais-je oublié qq chose?
Merci d'avance
Modifié par quivogne (19 Jun 2006 - 18:02)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Le

text-decoration: none;

il faut l'attribuer au lien.

Ce qui donne :

a:visited, a:link{
display: block;
margin-bottom: 20px;
text-decoration: none;
}

A noter que tu ne cites pas les "liens" dans le bon ordre : http://fr.selfhtml.org/css/proprietes/pseudoformats.htm#link_visited_hover_active_focus

Ah ben oui, affecter au lien mais justement, ce n'est pas ce que je veux...

Je veux:
- Une seule balise a (un seul lien dans la page)
- Avec des éléments soulignés et d'autres non

Mais effectivement une solution consiste à mettre text-decoration:none sur le a et à la rajouter où on veut...
Quant à l'ordre des "pseudo-classes", en quoi est-il important à l'intérieur d'une directive CSS ?
Merci d'avance

Salut,

a écrit :
- Avec des éléments soulignés et d'autres non

Ben il te suffit de pas mettre le soulignage par défaut, et de créer une class pour les liens que tu veux souligner.

html :

<a class="underline" href="#">lien souligné</a>
<a class= href="#">lien non soulignésouligné</a>

css :

a { text-decoration: none;}
a.underline {text-decoration: underline}

Ah ben non toujours pas...
Je veux une seule balise a (je parcours le document en javascript en prenant en compte ces balises et j'aimerais éviter les doublons...)

Donc, j'aimerais avoir du souligné ET du non souligné dans le même tag...

Merci

ben tu peux présenter ton lien comme ca alors :

html :

<a href="#">mon lien et <span>sa partie soulignée</span></a>

et en css :

a { text-decoration: none;}
span {text-decoration: underline}

Effectivement, cela semble la seule solution raisonnable...

Merci