Dropdown klapt in bij mouseover

[Anoesj]

Hallo,

Ik heb na enig gepiel de layout van mijn dropdown menu's aardig voor elkaar. Helaas klappen de menu's opeens weer in bij een mouseover. Weet er iemand waardoor dit komt en hoe dit valt op te lossen?

http://funmoments.nl/suzanne/

Bedankt!
Anoesj

[Tom.]

Je structuur klopt niet helemaal. In feite wil je gewoon een suckerfish-menu. Hier staat de structuur netjes uitgelegd, kun je daar wat mee? : http://htmldog.com/articles/suckerfish/dropdowns/

[Anoesj]

Hmm ja die had ik als basis, maar toen werkte de afsluiting van elk menu'tje met een <img> niet meer, dus dat probeerde ik te mixen met een eigen dropdown-probeersel... Ik kan misschien beter opnieuw beginnen :(

[Tom.]

Waarom wil je afsluiten met een img? Kun je niet een backgroundimage op de UL zetten en die op de bottom positioneren?

[Anoesj]

De ul heeft een achtergrondkleur en de img heeft in de hoeken transparantie, waardoor de achtergrondkleur daar doorheen schijnt als het ware. Daarom heb ik hem achter de ul gezet, waar hij ook mooier staat vind ik.

[Tom.]

Achtergrondplaatje gewoon 400px hoog maken, achtergrondkleur transparent zetten, hoekjes onderaan het achtergrondplaatje en op de UL zetten en positioneren op de bottom. Klaar. :)

[Anoesj]

Uhmmm, ik snap hem niet :P. Heb je een voorbeeldje?

[Tom.]

Nee. :P

Maak een plaatje wat er zo uit ziet:

| |
| |
| |
| |
| |
| |
| |
\__________/
Dat plaatje mag heel hoog zijn, in ieder geval net zo hoog of hoger dan het hoogste menu.

Als je dat plaatje dan op de bodem van de UL positioneert, heb je onderaan de UL dat afgeronde, en is de rest gevuld. Dan heb je dus geen extra elementen nodig, en werkt het wel.

Zo duidelijk? :)

[Anoesj]

Hmm ja dat had gekunt als de achtergrond niet transparant was...

[Tom.]

hoe bedoel je?

[Anoesj]

Ooooh wacht ik snap hem, thanks! :D

[Tom.]

Mooi! :)