subtractive
Cadet 4th Year
- Registriert
- Juni 2012
- Beiträge
- 91
Hallo liebe CSS.experten!
Wie kann ich mit folgender Beispiel- Htmldatei ein simples, vertikales Navigationsmenü erstellen, bei dem jedes submenü, unter dem jeweiligen Hauptpunkt etwas nach rechts einrückt aber die maximale Breite der gesamten Navigation nicht in die Breite wächst und freisteht sondern sich mit automatischem Zeilenumbruch der Gesamtbreite anpasst. Dabei soll jeder Listenpunkt in einer eigenen "box" dargestellt werden, ,mit etwas Abstand zueinander:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Startseite</title>
<link href="menu-bar.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="nav">
<ul>
<li><a href="thema1.html">Thema 1 </a></li>
<li><a href="thema2.html">Thema 2 </a>
<ul>
<li><a href="thema2-kind.html">Thema 2 Kind </a></li>
<li><a href="thema2-kind_und_freund.html">Thema 2 Kind und Freund </a></li>
<li><a href="thema2-kind_und_freundin.html">Thema 2 Kind und Freundin </a></li>
</ul>
</li>
<li><a href="thema3.html">Thema 3 </a>
<ul>
<li><a href="thema3-kind.html">Thema 3 Kind </a></li>
<li><a href="thema3-kind_und_freund.html">Thema 3 Kind und Freund </a></li>
</ul>
</li>
<li><a href="thema4.html">Thema 4 </a>
<ul>
<li><a href="thema4.-kind.html">Thema 4 Kind</a>
<ul>
<li><a href="thema4-enkel.html">Thema 4 Enkel</a></li>
</ul>
</li>
</ul>
<li><a href="thema5.html">Thema 5 </a></li>
<li><a href="thema6.html">Thema 6 </a></li>
<li><a href="thema7.html">Thema 7 </a></li>
</ul>
</div>
</body>
</html>
Wie kann ich mit folgender Beispiel- Htmldatei ein simples, vertikales Navigationsmenü erstellen, bei dem jedes submenü, unter dem jeweiligen Hauptpunkt etwas nach rechts einrückt aber die maximale Breite der gesamten Navigation nicht in die Breite wächst und freisteht sondern sich mit automatischem Zeilenumbruch der Gesamtbreite anpasst. Dabei soll jeder Listenpunkt in einer eigenen "box" dargestellt werden, ,mit etwas Abstand zueinander:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Startseite</title>
<link href="menu-bar.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="nav">
<ul>
<li><a href="thema1.html">Thema 1 </a></li>
<li><a href="thema2.html">Thema 2 </a>
<ul>
<li><a href="thema2-kind.html">Thema 2 Kind </a></li>
<li><a href="thema2-kind_und_freund.html">Thema 2 Kind und Freund </a></li>
<li><a href="thema2-kind_und_freundin.html">Thema 2 Kind und Freundin </a></li>
</ul>
</li>
<li><a href="thema3.html">Thema 3 </a>
<ul>
<li><a href="thema3-kind.html">Thema 3 Kind </a></li>
<li><a href="thema3-kind_und_freund.html">Thema 3 Kind und Freund </a></li>
</ul>
</li>
<li><a href="thema4.html">Thema 4 </a>
<ul>
<li><a href="thema4.-kind.html">Thema 4 Kind</a>
<ul>
<li><a href="thema4-enkel.html">Thema 4 Enkel</a></li>
</ul>
</li>
</ul>
<li><a href="thema5.html">Thema 5 </a></li>
<li><a href="thema6.html">Thema 6 </a></li>
<li><a href="thema7.html">Thema 7 </a></li>
</ul>
</div>
</body>
</html>