Discussion :

[Invité]

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 :

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

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 :

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

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

[Fabster]

Utilise la propriete display:block pour des boutons de type "<a>"
Et fait bien attention a tes couleurs qui ne sont pas reglementaire si je puis dire :
#AAA n'existe normalement pas en hexadecimall

[Invité]

#AAA n'existe normalement pas en hexadecimall

Merci pour ta réponse,

J'ai lu dans un livre sur CSS 2.1 qu'il était possible de raccourcir les couleurs comme ça:

Code :

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

#AABBCC -> #ABC

C'est vrai que ce n'est pas plus de travail de l'écrire en totalité!

webrider