Søger god simpel CSS dropdown menu

Tags:    css html

<< < 12 > >>
Der er nogen der mener mine menu punkter på min hjemmeside gør det for uoverskueligt så vil prøve at lave dem om til drop down menuen hvor menuerne folder ud når man holder musen over.

Jeg forstiller mig det skal være lavet i HTML og CSS.

Kan i anbefale en god simpel CSS dropdown menu ?



17 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
Tjek koden på denne side: http://thomasbak.eu/

Det er dropdown på Forside og Info menu punktet..
Den er lavet med 100% css.. Og fungerer fint..



Tror heller ikke det er en særlig god løsning den med <form method="post...>

Det unødvendigt at skulle sende en POST og tror ikke sådan en <select> er så stylings venlig med CSS og :hover

Den jeg bruger på prøve nu ser ok ud :
[slettet]

Tænkte mere på om der var nogen som bruger en ligende menu som de havde gennemprøvet og teste i mange browsere osv sådan at jeg slipper for så mange problemer hvis nu der er nogen brugere som har problemer på en touchscreen eller ældre browsere.



Indlæg senest redigeret d. 15.11.2011 12:11 af Bruger #13010
Her er et link til en.

Vælg en og hent source code til den og læs den igennem.

http://cssmenumaker.com/drop_down_css_menu.php



Hej

Jeg har en simpel dropdown-menu liggende her:
http://zereshade.dk/exp/html-css-horizontal-sub-menu.php

Den er udelukkende i HTML og CSS, men jeg kan ikke huske, om den er cross-browser testet, men det tror jeg :-)

/ Phillip



Nu har jeg sat dropdownmenuen øverst på siden.

I kan se den øverst her : http://scootergrisen.dk/htmlgrisen/

Hvordan syns i det virker ?



Jamen det virker jo...

Jeg synes du skal arbejde lidt på designet af den..

Fx synes jeg det ser mærkelig ud at nogle gange er submenu bredere en topmenu og nogle gange omvendt. Sørg for at det er ens.

Fx en bredde på 180px eller sådan



Er der nogen der kan fortælle mig hvorfor denne kode kun virker når når man hover med musen over feltet... men ikke når man har givet fokus til feltet at bruge TAB knappen.

Fold kodeboks ind/udCSS kode 


Nu vil jeg gerne prøve at lave sådan at man kan klikke på en menu også folder den sig ud og når man klikker igen gemmes menuen.

Det må være noget hvor man siger onclick="foldnæste<ul>tagud();"

Fold kodeboks ind/udHTML kode 


Grunden til jeg vil prøve det er fordi jeg ikke tror CSS :hover virker på en telefon hvor man ikke bruger en mus.


---


Er der nogen der har en god simpel menu som også kan have undermenuer ?
Eller ved hvordan jeg udbygger min menu sådan at den kan få submenuer ?

Jeg har prøvet http://purecssmenu.com/ men deres kode bruger simpelhen så unødvendigt mange classer så vil helst ikke bruge den.



Indlæg senest redigeret d. 04.10.2011 16:08 af Bruger #13010
<< < 12 > >>
t