• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

sub navi

Status
Für weitere Antworten geschlossen.
T

tzazu

Neues Mitglied
hallo zusammen......

ich habe noch nicht allzuviel mit css am hut gehabt leider... ich versuche grade verzweifelt eine subnavigation hinzubekommen.. nur ich habe keine ahunung wie ich die ganzen cody zusammen packen soll .. wenn ihr versteht was ich meine.. ich habe mir ein buch gekauft und dort wird es mehr oder minder für fortgeschrittene erklärt... :( kann mir da wer helfen??

*{
margin: 0;
padding: 0;
}
html {
background: #C1D2EC;
color: 000;
font: 400 11px/14px verdana, arial helventica, sans-serif;


div id= #nav-sub>
<ul class="l1">
<li class="topic"><a herf="#">Themen</a>
<ul class="l2">
<li><a href="#">sub2.1</a></li>
<li><a href="#">sub2.2</a></li>
<li><a href="#">sub2.3</a>
<ul class="l3">
<li><a href="#">sub3.1</a></li>
<li><a href="#">sub1</a>
<ul class="l4">
<li><a href="#"><strong>1.sub4.0</strong></a></li>
<li><a href="#">sub4.1</a></li>
<li><a href="#">sub4.2</a></li>
<li><a href="#">sub4.3</a></li>
<li><a href="#">sub4.4</a></li>
<li><a href="#">sub4.5</a></li>
</ul>
</li>
<li><a href="#">sub2.1</a></li>
<li><a href="#">sub2.2</a></li>
</ul>
</li>
<li><a href="#">sub4.1</a></li>
<li><a href="#">sub4.2</a></li>
<li><a href="#">sub4.3</a></li>
<li><a href="#">sub4.4</a></li>
<li><a href="#">sub4.5</a></li>
</ul>
<div class="end"></div>
</li>
</div>





#nav-sub {
width: 130px;
}
#nav-sub ul {
list-style: none;
}
#nav-sub a {
display: block;
text-decoration: none;
}

#nav-sub a:hover {
text-decoration: underline;
}



so das war erst mal alles es steht noch mehr da Oo
.....ka wie ich das nun machen soll kann mir da wer helfen:?:
 
HI,


ich bekomme es nicht hin den code richtig ins html document einzubinden
also in

<html>
<head>
</head>
<body>
</body>
</html>

nomal steht der code für die tabellen im body habe ich auch gemacht... also so


<html>
<head>
</head>
<body> div id= #nav-sub>
<ul class="l1">
<li class="topic"><a herf="#">Themen</a>
<ul class="l2">
<li><a href="#">sub2.1</a></li>
<li><a href="#">sub2.2</a></li>
<li><a href="#">sub2.3</a>
<ul class="l3">
<li><a href="#">sub3.1</a></li>
<li><a href="#">sub1</a>
<ul class="l4">
<li><a href="#"><strong>1.sub4.0</strong></a></li>
<li><a href="#">sub4.1</a></li>
<li><a href="#">sub4.2</a></li>
<li><a href="#">sub4.3</a></li>
<li><a href="#">sub4.4</a></li>
<li><a href="#">sub4.5</a></li>
</ul>
</li>
<li><a href="#">sub2.1</a></li>
<li><a href="#">sub2.2</a></li>
</ul>
</li>
<li><a href="#">sub4.1</a></li>
<li><a href="#">sub4.2</a></li>
<li><a href="#">sub4.3</a></li>
<li><a href="#">sub4.4</a></li>
<li><a href="#">sub4.5</a></li>
</ul>
<div class="end"></div>
</li>
</div>


</body>
</html>


so mein problem ist nun das ich nicht genau weiß wohin mit dem rest.. da dieser da die farbe bzw die tabellen beschreibt denke ich doch das ganze kommt in den head teil aber wirgendwie will das nicht...
es soll auf jedenfall so ausschauen hier mal ein link zur buchseite...

http://meiert.com/de/publications/books/3897214229/lib/code/themennavigation/


gruß tzazu
 
Codetags verdammt nochmal!
Forumregeln lesen!!!!!!!!!!!!!!!!!!!!!!!

Ich würde dir ein Buch für Einsteiger oder für Angänger anraten.
Bringt dir ja nix, wenn du ein Buch für Fortgeschrittene hast. Tztz
 
sorryyyy:oops:

und ja ich habe leider nix der gleich gefunden in der bibliothek...
problem ist ich muss den mist freitag abgeben.. im internet habe ich sonst nix gefunden...

hast du ein buch was du mir empfelen könntest ...??
wo auch was über subnavigation drinsteht ..


Gruß Tzazzu
 
Dazu brauchst du einen JavaSkript.
ohne diesen kannst du dir ein DropDownMenü abschminken.
 
Noch nie gehört, dass man DropDownMenüs ohne JS machen kann.
Sorry @ tzazu. :D

Ich habe mein DropDownMenü mit CSS und JS gemacht (JS spielt den Hilfsmotor)
 
jetzt weißt dus. und anstatt hier dauernd rumzugröhlen, solltest du dir lieber mal an die eigene nase fassen.
 
@ Tar-Minyatur: Ich gröhle nicht rum!

Ähm. So kannst du es einbinden in deine Homepage.
Zwei Varianten:
1. Variante:
HTML: 
<link type="text/css">
/* Dein Code */
</style>
2. Variante:
Externe CSS Datei anlegen und so einfügen:
HTML: 
<link type="text/css" href="datei.css">
Alles kommt natürlich in den <head></head> Bereich.

MfG, matibaski
 
Zuletzt bearbeitet von einem Moderator:
du solltest auch drauf achten was du schreibst @matibaski
Bei Variante 1 sollte da stehen:

HTML: 
<style type="text/css">
/* Dein Code */
</style>

Aber mal eine andere Frage dazu:
Ich möchte wissen, wie so ein Menü auf CSS-Basis (ohne Javascript) funktioniert. Da dabei meist viel Quelltext dranhängt, weiss ich nicht, wo ich suchen muss. Konkret gesagt: Welcher CSS-Befehl definiert, dass das Menü beim mouse-over ausklappt?
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben