Vraag & Antwoord

Webprogrammeren & scripting

navigatie level 3 verdwijnt wanneer met item wil selecteren

2 antwoorden
  • Vorige keer heb ik fantastisch hulp gehad, daarom keer ik weder met mijn vraag.;-) Mijn level 3 verdwijnt als ik in level 3 een item wil selecteren,. Nu heb ik de UL waar level 3 in staat een aantal pixels naar rechts verplaatst omdat dat nodig was voor het ontwerp. #menu ul ul ul ul{ position: absolute; top: 0px; /* aantal pixels waar level 2 en 3 naar beneden gaat */ left: 130px; width: 152px; visibility: visible; } hier staat mijn hele navigatie http://www.mahony.nl/navigatie/index03.html ALVAST ENORME DANK, VRIENDELIJKE GROETJES van MAHONY --------------------------------------------------------------------------- #menu { width: 155px; /* width van je knoppen!!!! */ /* background: #000000 ; BG kleur van level 1 */ /* background-image:url(sample01.gif); */ background-image:url(images/opmaak/trans20h.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: 19px; font-weight: normal; font-variant: normal; color: #336699; text-align: right; text-indent: 0px; vertical-align: middle; word-spacing: 0.1em; white-space: normal; margin: 0px; padding: 0px; } #menu ul { list-style: none; margin: 0px; padding: 0px; color:#ffffff; } #menu a, #menu h2 { /*font: bold 11px/16px arial, helvetica, sans-serif;*/ display: block; /* border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; */ /* Border is hier uitgezet */ margin: 0; padding: 3px 5px; /* padding aan de bovenkant en padding aan de linker kant */ } #menu a { color: #336699; /* text kleur */ /*background: #efefef;*/ /* BG van alle levels, wil je level 1 alleen anders moet je even de achtergrond aanpassen in #menu */ text-decoration: none; } #menu li li li :visited { } #menu a:hover { /* text kleur bij mouseOver*/ color: #ffffff; /* background: #00ff33; /* ook hier kun je de achtergrond aanpassen */ /* background-image:url(sample02.gif); background-repeat:no-repeat; */ } #menu li :hover { color:#ff6600; /* mouseOver hoofdmenu*/ } #menu li li li :hover { /* text kleur bij mouseOver*/ color: #ffffff; background: #ffffff; /* ook hier kun je de achtergrond aanpassen */ background-image:url(images/navigatie_index02/sample06.gif); background-repeat:repeat-y; } #menu li li li li :hover { /* text kleur bij mouseOver*/ color: #ffffff; background: #ffffff; /* ook hier kun je de achtergrond aanpassen */ background-image:url(images/navigatie_index02/sample07.gif); background-repeat:repeat-y; } #menu li { position: relative; background: none; background-image:url(sample03.gif); background-repeat:repeat-y; color:#000000; } #menu li li { position: relative; /* background: #000000; background-image:url(sample04.gif); background-repeat:repeat-y; */ color:#000000; } #menu li li li { color:#000000; position: relative; background: #ffffff; /* background-image:url(sample04.gif); background-repeat:repeat-y; */ } #menu ul ul ul { position: absolute; top: 0px; /* aantal pixels waar level 2 en 3 naar beneden gaat */ left: 100%; width: 152px; visibility: visible; } #menu ul ul ul ul{ position: absolute; top: 0px; /* aantal pixels waar level 2 en 3 naar beneden gaat */ left: 130px; width: 152px; visibility: visible; } div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} #menulayer { position:absolute; left:0px; top:50px; width:184px; height:198px; z-index:1000; } body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } </style> <!--[if IE]> <style type="text/css" media="screen"> #menu ul li {float: left; width: 100%;} </style> <![endif]--> <!--[if lt IE 7]> <style type="text/css" media="screen"> body { behavior: url(csshover.htc); font-size: 100%; } #menu ul li {float: left; width: 100%;} #menu ul li a {height: 1%;} </style> <![endif]--> <link href="stylesheets/navigatie.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!--
  • 1x is wel genoeg.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.