Dropdown
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hey Lima-City Community,
Ich habe mit Php ein kleines Benutzersystem gebaut.
Nun will ich es ein bissel designen.
Meine Frage ist, wie kann ich ein einfaches Dropdown machen?
Ich habe mir das so vorgestellt, dass wenn man auf ein Benutzericon clickt eine Dropdown kommt, wo drin steht:
1.Profil
2.Einstellungen
3.Logout
Ich habe kein Erfolg beim googeln gehabt, deswegen frage ich hier.
LG. TeraArts
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
https://duckduckgo.com/?q=html+dropdown+men%C3%BC
edit: wenn du spezielle fragen zu codeteilen hast dann kannst du die gern hier im forum stellen, aber das google-suchen wird dir keiner abnehmen
Beitrag zuletzt geändert: 28.3.2015 12:14:07 von syberpsace -
hallo syberpsace,
da gibts natürlich hunderte von möglichkeiten... quick&dirty vielleicht so:<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>dropdown</title> </head> <body> <div style="position:relative;overflow:visible;"> <img src="user.png" alt="" style="cursor:pointer;" onClick="var elem=document.getElementById('dropdown'); if(elem.style.display=='none') { elem.style.display = 'block' }else { elem.style.display = 'none' }"> <ul id="dropdown" style="position:absolute;top:100%;left:0%;margin:0px;background-color:#AAA;"> <li><a href="#">Profil</a></li> <li><a href="#">Einstellungen</a></li> <li><a href="#">Logout</a></li> </ul> <script type="text/javascript"> <!-- document.getElementById('dropdown').style.display = 'none'; --> </script> </div> </body> </html>
lg hechma -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
