login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[Css] Dropdown menu

Offline Simax - 17/08/2007 14:27 (laatste wijziging 22/08/2007 17:19)
Avatar van SimaxOnbekend Beste mensen,

Ik zou graag een dropdown menu in html/css maken,
maar het wil maar niet lukken.

Kan iemand mij een voorbeeld geven?

Alvast bedankt!

13 antwoorden

Gesponsorde links
Offline marten - 17/08/2007 14:30
Avatar van marten Beheerder http://www.webm...hp?t=20070

als het u belieft
Offline tbsites - 17/08/2007 14:41
Avatar van tbsites Onbekend Of kijk hier even: http://www.site...eudo_class
Offline Simax - 17/08/2007 15:05
Avatar van Simax Onbekend
tbsites schreef:
Of kijk hier even: http://www.site...eudo_class


Dosnt work .
Offline Ultimatum - 17/08/2007 15:07
Avatar van Ultimatum PHP expert
Rimex schreef:
[..quote..]

Dosnt work .

Zo moeilijk is een fout niet op te lossen toch. Doe even wat moeite (Als je dat niet gedaan had...)

http://www.site...lass%5C%22
Offline Simax - 17/08/2007 15:22
Avatar van Simax Onbekend
Ultimatum schreef:
[..quote..]
Zo moeilijk is een fout niet op te lossen toch. Doe even wat moeite (Als je dat niet gedaan had...)

http://www.site...lass%5C%22


Als je het zo goed weet,
waarom zeg je dan niet even waarom het niet werkt?

^^
Offline Grayen - 17/08/2007 16:54
Avatar van Grayen PHP ver gevorderde Ik raad altijd deze site aan:

http://www.cssplay.co.uk/menus/

Hij heeft zowel css only menu's en enkele menu's met een beetje javascript.
Offline Slumpy - 19/08/2007 11:03
Avatar van Slumpy Nieuw lid Hallo Remix ,

Ik zou u vooral http://solardreamstudios.com/learn/css/cssmenus/ aanraden .

Klik op de link van het gewenste menu en kijk naar de code via paginabron .

Volledig css , dus zonder javascript en dergelijke , werkt perfect .

Als het niet lukt , laat maar iets horen.
Offline Soebam - 19/08/2007 13:44
Avatar van Soebam HTML ver gevorderde Met die tutorial kan ik je best nog wat verder helpen hoor.. . Hij mag sowieso eigenlijk wel herschreven worden want hij is niet echt duidelijk nu.. Maar ik geloof niet dat ik daar erg veel zin in heb .
Offline Simax - 19/08/2007 14:28 (laatste wijziging 19/08/2007 14:29)
Avatar van Simax Onbekend http://www.site...eudo_class
Waarom werkt deze niet?

Edit
Zou graag een horizontale versie hebben,
geschreven in html/css.
Offline Pieter - 19/08/2007 15:00
Avatar van Pieter Gouden medaille

SEO guru
Rimex, waarom gebruik je dan niet die zoals beschreven in de link van Slumpy? Daar staat er een mooie css dropdown, zowel horizontaal als verticaal.

De tutorial werkt wel hoor. Zie het voorbeeld in de tutorial zelf!  
Offline Slumpy - 19/08/2007 18:58
Avatar van Slumpy Nieuw lid Rimex , laat hier anders even uw code zien , dan kan iemand er eventueel de fout bij u uithalen .

Er zitten hier nogal wat cracks wat hmtl/css betreft ( ik ben daar niet bij ) , maar ik probeer ook wel iets te helpen .
Offline Simax - 21/08/2007 16:03 (laatste wijziging 22/08/2007 15:58)
Avatar van Simax Onbekend Heb de volgende tutorial gebruikt:
http://www.site...eudo_class,
maar mijn submenu's werken niet(worden niet getoond).

style.css
  1. ul
  2. {
  3. list-style: none;
  4. width: 150px;
  5. }
  6.  
  7. li
  8. {
  9. position: relative;
  10. }
  11.  
  12. li:hover
  13. {
  14. background: #99ccff;
  15. cursor: pointer;
  16. z-index: 1;
  17. }
  18.  
  19. ul ul
  20. {
  21. display: none;
  22. left: 140px;
  23. position: absolute;
  24. top: 4px;
  25. }
  26.  
  27. li:hover ul ul
  28. {
  29. display: none;
  30. }
  31.  
  32. li:hover ul,
  33. li:hover li:hover ul
  34. {
  35. display: block;
  36. }
Offline TotempaaltJ - 22/08/2007 17:27 (laatste wijziging 22/08/2007 18:18)
Avatar van TotempaaltJ PHP interesse Edit: Anders:
Je gebruikt zeker geen FF??
Je moet ook de héle tutorial lezen he! Ik heb het ook! Werkt perfect!

Edit opnieuw: He, werkt niet in IE 6!! Ik gebruik wel die behavior: url("csshover.htc");
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s