Menu wordt overruled

[Verwijderd]

Ik heb een uitklap menu. Wanneer ik over de menuitems ga, zie ik de uitgeklapte items amper. De tekst van de pagina valt er door heen.

Dit is de HTML-code:

HTML:

<div class="menu">
<ul id="nav">
<li><a href="index.php">Home</a></li>
<li><a href="software.php">Software</a>
<ul>
<li><a href="software.php?item=1">1</a></i>
<li><a href="software.php?item=2">2</a></i>
<li><a href="software.php?item=3">3</a></i>
</u>
</i>
</u>
</div>
<div class=mid>Pagina tekst</div>

Bijbehorende CSS:

Cascading Stylesheet:

ul { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc;}
ul li { position: relative;}
li ul {position: absolute; left: 149px; top: 0; display: none; }
ul li a { display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0;}
ul li a:hover { color: #0000FF; background: #f9f9f9; } 
li ul li a { padding: 2px 5px; }
li:hover ul, li.over ul { display: block; }

.mid { display:inline; position:absolute;left:175px;top:45px;}
.menu { display: inline; position:relative; width: 800px; background: #FFFFFF; padding: 5px 5px;}

Wie kan me hierbij helpen?
vr.gr

[ Voor 18% gewijzigd door crisp op 03-09-2004 15:15 . Reden: code tags toegevoegd ]

[crisp]

1e gedachte: z-index

[André]

Je sluit een aantal tags niet (goed) af en ik zie niets uitklappen, heb je iets online staan?

[Verwijderd]

Ik draai alles lokaal, niets online..

Dit is de bijbehorende js.file

code:

// JavaScript Document

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

[André]

Dat menu werkt net zoals deze:
http://www.xs4all.nl/~peterned/examples/cssmenu.html

Gewoon even vergelijken

[parcol]

André schreef op 03 september 2004 @ 15:32:
Dat menu werkt net zoals deze:
http://www.xs4all.nl/~peterned/examples/cssmenu.html

Gewoon even vergelijken

Doe eens wat aan die flikkerende icoontjes als je met de muis eroverheen gaat ;-)

[crisp]

parcol schreef op 03 september 2004 @ 15:34:
[...]


Doe eens wat aan die flikkerende icoontjes als je met de muis eroverheen gaat ;-)

Zet jij je caching opties eens goed

[André]

parcol schreef op 03 september 2004 @ 15:34:
[...]


Doe eens wat aan die flikkerende icoontjes als je met de muis eroverheen gaat ;-)

Zeg dat maar tegen Clay

Dat heeft te maken met een rotte browser van 4 jaar oud die niet fatsoenlijk met achtergrondplaatjes om kan gaan op het moment dat caching niet op auto staat.

[crisp]

André schreef op 03 september 2004 @ 15:37:
[...]

Zeg dat maar tegen Clay

Dat heeft te maken met een rotte browser van 4 jaar oud die niet fatsoenlijk met achtergrondplaatjes om kan gaan op het moment dat caching op auto staat.

caching moet juist wel op 'auto' staan

[André]

crisp schreef op 03 september 2004 @ 15:38:
[...]

caching moet juist wel op 'auto' staan

[Verwijderd]

Bedankt het werkt!
De tags om het menu en de echte tekst (.menu en .mid) moet je even een z-index meegeven, resp. 2 en 1. en het schijnt werken met IE,

tnx!

[parcol]

Nou dat was dan weer gezellig. En m'n caching staat nu op auto.