[CSS] width-height

Salut,

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

Code:

---

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

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:

---

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

---

et p :

Code:

---

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; }

---

Mais pourquoi avec:

Code:

---

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?

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

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:

---

1 2 3 4

a { display: block; width: 144px; }

---