Jquery menuitem overlapt andere

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • dumpie
  • Registratie: Februari 2003
  • Niet online
Ik heb een probleem met JQuery op het gebied van sliden.

Volgens:

http://www.i-marco.nl/weblog/jquery-accordion-menu/
heb ik een menu opgebouwd, dit werkt met uitzondering van de eerste 2 menupunten die de rest van het menu niet naar beneden slicen maar juist overlappen.

Heb de code regel voor regel nagekeken om verschil te zoeken tussen de verschillende punten, maar die zie ik nergens 8)7. Tevens las ik ergens dat het misschien met hoogte ed te maken heeft, maar dit heb ik ook op ieder stukje aangepast zonder resultaat. Vind het zo apart dat ik er kneiter van word.

Live voorbeeld:

** knip **

Eerste 2 items overlappen de rest, en de andere items werken wel.

Source van dit stukje:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<ul id="menu">                           
<li><a href="#">Home</a>
<ul>
<li><a href="index.php?page=900">Plan van aanpak</a></li>
<li><a href="index.php?page=899">De vier speerpunten</a></li>
</ul>
</li>
<li><a href="#">Nieuws</a>
<ul>
<li><a href="index.php?page=901">Archief</a></li>
</ul>
</li>
<li><a href="#">4 essenti&euml;le vragen</a>    
<ul>
<li><a href="index.php?page=900">Plan van aanpak</a></li>
<li><a href="index.php?page=899">De vier speerpunten</a></li>
</ul>
</li>
<li>
<a href="#">Coldwell Banker</a>
<ul>
<li><a href="index.php?page=900">Plan van aanpak</a></li>
<li><a href="index.php?page=899">De vier speerpunten</a></li>
</ul>
</li>                           
</ul>

[ Voor 2% gewijzigd door dumpie op 21-01-2010 21:27 . Reden: Url doet niet meer terzake ]


Acties:
  • 0 Henk 'm!

  • Koktail
  • Registratie: Mei 2006
  • Laatst online: 02-05 08:30
Geen hoogte meegeven in je css?

[ Voor 88% gewijzigd door Koktail op 21-01-2010 16:33 ]


Acties:
  • 0 Henk 'm!

  • Koktail
  • Registratie: Mei 2006
  • Laatst online: 02-05 08:30
In je li ul li iig niet


ul#menu li
{
background:url('../images/arrow.png');

background-repeat: no-repeat;

background-position: 5px 10px;

text-indent: 20px;

line-height: 28px;

width: 191px;

height: 28px; <= Knippp!

border-top: 1px solid #FFFFFF;

border-bottom: 1px solid #FFFFFF;

background-color:#33CC99;

}

[ Voor 170% gewijzigd door Koktail op 21-01-2010 16:47 ]


Acties:
  • 0 Henk 'm!

  • dumpie
  • Registratie: Februari 2003
  • Niet online
Thanx dat was het probleem, niet over nagedacht dat de ul daaronder dan niet meer past.