[CSS] Dimensionnement d'une boîte
Bonjour,
J'essaie de créer un menu dynamique grâce au CSS, lors du passage de la souris le fond change de couleur.
Sur le principe aucun problème, j'ai juste un souci de dimensionnement de la boîte de chaque bouton du menu.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| a.menubutton:link {
height: 30px;
width: 80px;
text-align: center;
text-decoration: none;
font-size: 12pt;
font-variant: small-caps;
font-weight: bold;
color: #fff;
background-color: #142A7C;
vertical-align: middle;
} |
Et j'insère un truc du genre dans mon code HTML
Code:
1
2
3
4
5
6
7
| <div id='xyz'> /* Positionnement du menu */
<span>
<a class='menubutton' href='/bouton.php'>Bouton</a>
...
...
</span>
</div> |
Je définis la hauteur à 30px et la largeur à 80px mais dans la pratique la boîte ne fait que la hauteur et la largeur du texte que j'y insère (Bouton), donc moins que ce que je souhaite. Comment forcer la navigateur à afficher à chaque fois des boîtes de la dimension donnée dans CSS?
Merci!
webrider
