Discussion :

[Anduriel]

Salut,

Je veux que mon lien (et ainsi son background) fasse toute la largeur d'un div, faisant 144px.
J'ai fait:

Code :

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

1
2
3
4
5
6
7
a.menu {
	color: gray;
	text-decoration: none;
	width: 144px;
	background: white;
	height: 25px;
}

Le problème c'est que width (et height) ne sont pas pris en compte le background s'adapte au texte
Comment faire?
Merci

[Auteur]

bonsoir,

visiblement sous FF, on ne peut pas définir la longueur d'un lien contrairement à IE.
Même avec un span ça ne marche pas. Le seul moyen est d'encadrer ta balise <a> d'un paragraphe et d'y appliquer les styles ci-dessus :

Code :

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

1
2
 
<p class="menu"><a href="#">mon lien</a></p>

et p :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
menu {
   color: gray;
   text-decoration: none;
   width: 144px;
   background: white;
   height: 25px;
   margin: 0px; 
   padding: 0px;
}

[Anduriel]

Mais pourquoi avec:

Code :

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

1
2
3
4
5
6
7
p.lien {
	color: gray;
	background: white;
	width: 137px;
	padding: 3px;
	border-color: #C6C6C6;
}

Mon background prend ben toute la longueur (137px) mais pas la bordure qui se met autour de texte?

[Anduriel]

Je ne comprends pas je suis sous IE les width devraient fonctionner...

[ilood]

Bonjour

D'après les normes du w3c, une balise de type inline (a, span, etc.) ne peut pas être redimensionnée avec width ou height.
Seules les balises de type bloc (div, p, h1, etc.) sont redimensionnables.

Si tu veux définir une largeur à un lien, tu dois lui appliquer, grâce au css, un comportement de type block.

Code :

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

1
2
3
4
a {
display: block;
width: 144px;
}