maar nu ik eindelijk het sub_menu aan de praat heb, gaan internet explorer en firefox moeilijk doen,
het gaat om de site http://www.ddevries.nl/cms/
als je in firefox over het menu heen gaat dan pakt hij de schoffel en schuift alles op, en internet explorer 7 blijft bescheiden en het menu valt terug naar achteren.
Hier is mijn css code (het is nog een beetje een wirwar, best kans dat er iets dubbel instaat maar dat los ik later wel op) :
<style type="text/css">
/* navigation menu */
#menu
{ height: 42px;
width: 960px;
margin-left: auto;
margin-right: auto;
}
#menu ul{margin: 0px auto;}
#menu li
{ float: left;
margin: 0px;
padding: 0px;
}
#menu li a
{ display: block;
float: left;
height: 37px;
text-decoration: none;
padding: 3px 19px 2px 19px;
text-transform: uppercase;
}
#menu ul li ul li{
float:left;
}
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFFFFF url(theme/blue/menu_hover.png);
color: #484E56;
}
#menu a{
background:inherit;
color:#FFFFFF;
display:block;
padding:2px 6px;
text-decoration:none;
height:42px;
width:60px;
}
#menu a:hover{
background: #FFFFFF url(menu_hover.png);
color: #484E56;
}
#menu ul{
list-style-type:none;
margin:0;
padding:0;
}
#menu li{
color:#fff;
float:left;
margin:0;
padding:0;
}
#menu ul li ul{
display:none;
}
#menu ul li ul li{
clear:both;
float:none;
color:#fff;
background:url(theme/blue/menu.png);
}
#menu ul li ul li a
{ display: block;
height: 20px;
text-decoration: none;
padding-top: 3px;
padding-right: 19px;
padding-bottom: 2px;
padding-left: 19px;
text-transform: uppercase;
}
#menu ul li:hover ul{
display:block;
color:#fff;
}
#menu ul li ul li a:hover{
color:#fff;
background:url(theme/blue/menu_hover.png);
padding-top: 3px;
padding-right: 19px;
padding-bottom: 2px;
padding-left: 19px;
display:block;
}
</style>
En de html code staat in de bron van http://www.ddevries.nl/cms/
Weet iemand een manier om mijn menu over te tekst heen te krijgen?
(mijn website is gepositioneerd dmv floating)
MVG Robin de Vries