Discussion :

[DemonKN]

Salut à tous,
la propriété width d'une balise A exprimée en % ne fonctionne apparemment pas sous Firefox ... pkoi ? Y a t'il une astuce pour que ca fonctionne ? Ce que je veux faire en fait c'est dans une liste, avoir une "surbrillance" sur mes liens mais que cette surbrillance prenne 100% de la largeur de mon conteneur ... faut que je passe obligatoirement par un div et du javascript ?
Merci pour les infos.

[ilood]

Salut,

La balise <a> est de type en ligne, qui d'après les normes ne peut pas être dimensionée avec width et height.
En général il faut affecter un display block à tes liens et un float left pour les aligner les uns à coté des autres.

Si tu souhaites les avoir les uns en dessous des autres, il faut utiliser la balise de type liste. Un exemple vite fait :
html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<ul>
	<li><a href="#">item 1</a></li>
	<li><a href="#">item 2</a></li>
</ul>

css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
li {
	width: 300px;
}
li a {
	display: block
}
li a:hover {
	background: #99CC00;
}

[DemonKN]

nikel chrome, merci mon bon monsieur le moins qu'on puisse dire c'est que les réponses sont claires, nettes, précises et efficaces j'aime bien savoir pkoi ca marche pas en plus d'avoir la solution au probleme