j'utilise deux menus avec effet rollover grace à une image ,
pour l'instant ils sont tous les deux sur des fichiers séparés,
je veux les assembler dans une même page et une même feuille de style
externe, simplement, ils utilisent les même balises,
notamment les balises UL, LI, et Li a,
comment différencier ces balises,
et les attribuer chacune à leur menu respectif pour pas que le navigateur
les confondent ,
j'ai réussi avec la balise UL en utilisant UL#nomdemonmenu,
mais pour les autres je n'y arrive pas, notamment pour Li a
et Li a:hover ??
merci d'avance !
Modifié par jaenani (07 Jul 2005 - 17:04)
pour l'instant ils sont tous les deux sur des fichiers séparés,
je veux les assembler dans une même page et une même feuille de style
externe, simplement, ils utilisent les même balises,
notamment les balises UL, LI, et Li a,
comment différencier ces balises,
et les attribuer chacune à leur menu respectif pour pas que le navigateur
les confondent ,
j'ai réussi avec la balise UL en utilisant UL#nomdemonmenu,
mais pour les autres je n'y arrive pas, notamment pour Li a
et Li a:hover ??
merci d'avance !
-------------------------------------------------------------
UL { /* utilisation de liste pour le menu */
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
list-style-type: none; /* suppression des puces de liste */
margin:0;
padding:0;
}
li {
float: left;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
}
UL#menuico {
BACKGROUND: url(images/ico.jpg) no-repeat left top;
WIDTH: 650px;
POSITION: absolute;
TEXT-ALIGN: center;
height: 93px;
left: 0px;
top: 0px;
}
li {float: left;}
li a { /* dimensions et définitions des boutons */
display: block; /* mise en block de <a> pour lui donner des dimensions */
height: 93px;
width: 128px;
FONT-FAMILY: arial, serif;
font-size: 14px
line-height:50px;/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
li a:hover {
background: url(images/ico.jpg) no-repeat left top;
}
Modifié par jaenani (07 Jul 2005 - 17:04)