Hat es drauf
Hi allerseits,
ich habe mal zwei Fragen zur Navigation von PSD-Tutorials. Es geht um folgendes. Ich benötige auch eine Navigation mit drei Ebenen wie es hier der Fall ist. Ich habe mir unter anderem den Quelltext von hier angeschaut. Ich wollte das ganze jetzt mal mit CSS angehen:
Halt den einzelnen Unterpunkten / Listen Klassen oder eindeutige ID's verpassen. Anschließend mit CSS(3) display: none; entsprechend ausblenden und beim hovern wieder einblenden. Ich bin mir nur gerade nicht sicher ob es überhaupt klappt.
2-Level Navigation (Drop-Down-Navigationen) laufen ohne Probleme. Jetzt weiß ich nur nicht ob es auch problemlos mit 3 oder mehr Ebenen funktioniert. Daher mal die Frage was ihr so an Erfahrungen gesammelt habt im Bezug komplexe Navigation (mit CSS). Ich wollte jetzt nicht unnötige an meiner herum frickeln. Daher einfach mal hier gepostet.
Meine zweite Frage wäre folgende. Ich steige hier bei einer Sache nicht ganz durch. Habe zwar im CSS nach geschaut, aber finde die passende Stelle nicht. Es geht um die Reiter in der PSD-Nav. Das Bg-Image für die runden Ecken. Wie nutze ich ähnliche Grafiken damit meine Schaltflächen entsprechend aussehen?
Beste Grüße, Patrick
ich habe mal zwei Fragen zur Navigation von PSD-Tutorials. Es geht um folgendes. Ich benötige auch eine Navigation mit drei Ebenen wie es hier der Fall ist. Ich habe mir unter anderem den Quelltext von hier angeschaut. Ich wollte das ganze jetzt mal mit CSS angehen:
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Nav 3 Ebenen</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Punkt 1</a>
<ul>
<li><a href="#">Sub 1</a>
<ul>
<li><a href="#">Sub-Sub 1</a></li>
<li><a href="#">Sub-Sub 2</a></li>
</ul>
</li>
<li><a href="#">Sub 2</a></li>
<li><a href="#">Sub 3</a></li>
</ul>
</li>
<li><a href="#">Punkt 2</a></li>
<li><a href="#">Punkt 3</a></li>
<li><a href="#">Punkt 4</a></li>
</ul>
</nav>
</header>
</body>
</html>
Halt den einzelnen Unterpunkten / Listen Klassen oder eindeutige ID's verpassen. Anschließend mit CSS(3) display: none; entsprechend ausblenden und beim hovern wieder einblenden. Ich bin mir nur gerade nicht sicher ob es überhaupt klappt.
2-Level Navigation (Drop-Down-Navigationen) laufen ohne Probleme. Jetzt weiß ich nur nicht ob es auch problemlos mit 3 oder mehr Ebenen funktioniert. Daher mal die Frage was ihr so an Erfahrungen gesammelt habt im Bezug komplexe Navigation (mit CSS). Ich wollte jetzt nicht unnötige an meiner herum frickeln. Daher einfach mal hier gepostet.
Meine zweite Frage wäre folgende. Ich steige hier bei einer Sache nicht ganz durch. Habe zwar im CSS nach geschaut, aber finde die passende Stelle nicht. Es geht um die Reiter in der PSD-Nav. Das Bg-Image für die runden Ecken. Wie nutze ich ähnliche Grafiken damit meine Schaltflächen entsprechend aussehen?
Beste Grüße, Patrick