Je cherche à faire un sous menu et XHTML,CSS,JS sans cassé toute ma page mais je galère comme pas possible :
J’ai un menu de la sorte :
[code]
[/code]voici le CSS correspondant :
.dolphinnav {position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px; margin-bottom: 10px;}
.dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
.dolphinnav ul li{display:block;float:left;margin:0 1px;}
.dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
.dolphinnav ul li a span{color:#fff; padding:12px 20px 0 0;height:21px;float:left;}
.dolphinnav ul li a:hover{color:#fff;background:transparent url(dolphin_bg-OVER.gif) repeat-x bottom left;}
.dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
.dolphinnav ul li.current a, .dolphinnav ul li.current a:hover{color:#fff;background:#1D6893 url(dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
.dolphinnav ul li.current a span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(dolphin_right-ON.gif) no-repeat top right;height:33px;}
Je précise que je n’ai pas écrit ce css, je l’ai récupérer tel quel, j’aimerai que lorsque je pointe ma souris sur un menu, un sous-menu s’affiche avec différents liens.
J’ai déjà regardé plusieurs liens :
http://css.alsacreations.com/Construction-…l-et-horizontal
http://openweb.eu.org/articles/menu_universel/