Zum Inhalt springen

Verschachteltes Menü in TS umsetzen

Erstellt am 15. November 2013 · 3 Antworten · letzte Antwort am 19. November 2013

Tags: HTML & CSS, TYPO3 6, Frage

mille_85 ·

Hallo,
ich bin zimelich neu in Sachen TypoScript.
Einfache Menüs habe ich schon umgesetzt, allerdings habe ich nun folgendes Problem.
Für eine Freundin habe ich ein Layout entworfen, in dem die Navigation schräg verlaufen soll, da sie sich dann besser ins Layout eingliedert. Ob das sinnvoll ist oder nicht sei mal dahin gestellt 🙂

Was genau ich damit meine seht ihr im Anhang...

Meine HTML und CSS-Dateien sieht wie folgt aus:

	<div>
		<ul>
			<div class="navi_indent"><li><a href="Startseite.html">Startseite</a></li>
				<div class="navi_indent"><li><a href="Über uns.html">Über uns</a></li>
					<div class="navi_indent"><li><a href="Kontakt.html">Kontakt</a></li>
						<div class="navi_indent"><li><a href="Preise.html">Preise</a></li>
							<div class="navi_indent"><li><a href="Impressum.html">Impressum</a></li></div>
						</div>
					</div>
				</div>
			</div>
		</ul>
	</div>
[code][/code]
/* CSS Document */
html, body {
	margin: 0px;
	padding: 0px;
}

.navi_indent {
	list-style-type: none;
	position: relativ;
	left:10px;
}

div {
	position: relative;
}

Menue.jpg

Julian.​Hofmann ·

Was spricht hier gegen den Einsatz von CSS3? Damit ersparst Du Dir die Verschachtelung (und das invalide HTML ;-) ):

:nth-child()-Selector bzw. nth-of-type()-Selector.