ik ben bezig met een menu,
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
Je submenu lijsten zullen absoluut moeten worden gepositioneerd. Nu zijn ze nog relatief en dat betekend dat er dingen weggeschofeld kunnen worden.

Zoek anders gewoon een menu met geneste lijsten.
Niet alleen moeten de submenu lijsten absoluut gepositioneerd worden, de hoofdmenu lijst-items moeten relatief gepositioneerd worden.

De beste tutorial voor popout menu's is die van Tanfa. Als je die letterlijk opvolgt moet je er uit kunnen komen en krijg je het zelfs in IE6 werkend.
ok ik ben de css en code aangepast, alleen nu heb ik 3 problemen:
1. ik heb een dubbele hover (zie menu en hover zijkant submenu)
2. ik heb een ruimte tussen mijn menu item's (ook aan het begin)
3. de submenu's zitten te laag.

de website: http://www.ddevries.nl/cms/index.php
de code: http://www.ddevries.nl/cms/index.txt
jullie mogen alles op de pagina wat niet met het menu te maken heeft negeren!

MVG Robin de Vries
Je hebt van je menu 2 aparte ul-items gemaakt. Dat is niet nodig. Sluit de ul van Home niet af en begin dus geen nieuwe ul bij database. Ik weet niet of dit iets oplost, maar het is wel netter.
@niek
dit verklaard in iedergeval iets
bedankt,

MVG Robin de Vries
Je website zit vol met dode links. Misschien omdat hij nieuw is! :-)
nee, het nieuwe menu is nog niet gekoppeld!
slecht menu wel mooie maar wat is er mi met dat ---------- horizontale menu :s erg erg erg

Reageren