bonjour a tous,
j'ai fait un menu comme dans un tutoriel ex:
mon souci c'est que je n'arrive pas a centrer mes textes horizontalement parce que j'ai des menus qui sont sur deux lignes (ex : accueil ,centrer par rapport evenement <br> solution )
j'espere etre clair, je vous remercie d'avance
Laderc
Modifié par koala64 (07 Feb 2007 - 17:54)
j'ai fait un menu comme dans un tutoriel ex:
ul#menu
{
height: 39px ;
margin: 0 ;
padding: 0 ;
background: url(bt_bleu.gif) repeat-x 0;
list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu li
{
float: left ;
text-align: center ;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */
ul#menu li a
{
font-family:Arial, Helvetica, sans-serif;
display: block ;
width: 100px ;
height:39px;
line-height: 15px ;
font-size: 12px;
font-weight: normal ;
letter-spacing: 1px ;
color: #fff ;
display: block ;
text-decoration: none ;
/*border-right: 2px solid #dea ;*/
}
ul#menu li a:hover
{
background: url(bt_orange.gif) repeat-x 0 0 ;
}/* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */mon souci c'est que je n'arrive pas a centrer mes textes horizontalement parce que j'ai des menus qui sont sur deux lignes (ex : accueil ,centrer par rapport evenement <br> solution )
j'espere etre clair, je vous remercie d'avance
Laderc
Modifié par koala64 (07 Feb 2007 - 17:54)
