Drop-down Menü mit Button

jonathan-haag · 29 Oktober 2014

Hi Leute,
Ich schreibe im Moment eine Website für Smartphones. da ich mich mit responsive design nicht auskenne möchte ich die Seite einfach in 320*480 entwerfen. Im Anhang könnt ihr meine bisherige Seite sehen. Mein Ziel ist es ,dass wenn man den mittleren div-container drückt sich ein drop-down menü öffnet und sich auch wieder schließt wenn man den container ein 2tes mal drückt. Hat jemand eine Idee wie man das umsetzen kann? Am liebsten wäre mir eine Lösung mit Html und cs, javascript geht im Notfall aber auch :)
Vielen Dank schonmal im voraus

jonathan-haag · 29 Oktober 2014

CSS-Datei:

header{
background-color: black;
width: 320px;
height: 100px;
color: white;
margin-left: -8px;
margin-top: -8px;
text-align: center;
font-size: 70px;
font-family: 'boston Traffic';
}

#navi_button{
width: 40px;
height: 40px;
border: 6px solid black;
border-radius: 10px;
background-color: white;
margin: 0 auto;
margin-top: -25px;
}

hr{
width: 20px;
border: 1px solid;
border-color: black;
margin-top: 8px;
margin-left: 14px;
}

HTML-Datei:
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>BANKSY</title>
</head>

<body>
<header>BANKSY</header>
<div id="navi_button">
<hr>
<hr>
<hr>
</div>
<ul id="navi_">
<li>Home</li>
<li>Galerie</li>
<li>Ausstellungen</li>
<li>Identität</li>
<li>Filme und Bücher</li>
</ul>
</body>
</html>

Hab vergessen die Dateien anzuhängen

Drop-down Menü mit Button

jonathan-haag

Neues Mitglied

jonathan-haag

Neues Mitglied

Neueste Beiträge