Sorry, aber du lässt hier einen ganz schönen Unsinn vom Stapel laufen, denn ob ich nun das ul-Element vor der ID notiere, oder nicht, ist letztlich "Geschmackssache", denn beide Methoden funktionieren gleichermaßen, und somit ist "meine Variante" überhaupt nicht ungenau.

Geschmacksache ist es... UND auch ungenau

Es ist ein unterschied ob ich mich auf die ID:Navi beziehe oder auf die Liste, die die ID trägt oder auf das Listenelemnt der Liste mit der ID:Navi...

Ebenso ist es ein Unterschied ob ich list-style definiere, was 3 style bezeichnungen abkürzt oder explizit den list-style-type...

Du bist Profi und hast garantiert weit mehr Erfahrung als ich... Aber zig Texte, die den Umgang mit HTML und CSS erklären, werden mir wohl nicht "ganz schönen Unsinn" vermitteln, da ansonsten ja auch die Autoren, die auf deinem Erfahrungsniveau sind, ebensolchen Unsinn verbreiten...

Ich behaupte auch nicht, dass die Syntax ul#nav Unsinn wäre, sondern bezog mich auf deine Einwände, dass mein Stylesheet ungenau wäre, und der ID-Selektor #nav ohne vorangestelltes ul-Element nicht reichen würde.

Ebenso ist es gleichgültig, ob list-style-type:none oder list-style:none deklariert wird, denn beides drückt das gleiche aus, und wird auch so vom Browser interpretiert.

Es ist nämlich nicht zwingend vorgeschrieben, in der allgemeinen Eigenschaft list-style die Werte aller drei Eigenschaften list-style-type,list-style-position,list-style-image anzugeben.

Hallo,

besteht die Möglichkeit mehrere Navigationselemente (unterschiedlich groß, d.h. nicht unter dem selben "nav") auf einer Seite zu haben, wenn ja wie?
Alle meine Versuche wie z.B. nav1 und nav2 schlugen fehl.

Vielen Dank

Hi,

grundsätzlich wäre dies möglich, nur wenn es bei dir fehlgeschlagen ist, wird dir wohl irgendwo ein Fehler unterlaufen sein.

Von daher solltest du mal deinen "Gehversuch" zeigen, damit man darauf näher eingehen kann.

Hallo,

also, in css habe ich das hier

Code :

1 2 3 4 5 6 7 8 9

#nav        { margin:0;           padding:0;           list-style:none; }     #nav a         { display:block;                    width:450px; /* Hintergrundbildbreite */           height:300px; /* Hintergrundbildhöhe */ }

und in Html das:

HTML-Code:

<ul id="nav">
    		       <li><a href="../mmm/www/pages/kontakt.html" id="a"><span></span></a></li>
		       </ul>

Jetzt wollte ich in css eine zweite Navigation:

Code :

1 2 3 4

#nav b         { display:block;                    width:450px; /* Hintergrundbildbreite */           height:300px; /* Hintergrundbildhöhe */ }

und natürlich jeweils die Pfadangabe etc.
Mein Problem: In Html gebe ich unter "<ul id=> einfach "nav" an für "nav a", was gebe ich für "nav b" ein?

Danke

Wenn du dies über eine ID für die einzelnen Links regeln willst, fehlt im Stylesheet das dazugehörige Gatterzeichen "#".

Code :

1 2 3

#nav #a { ... }   #nav #b { ... }

Code :

1 2 3 4

<ul id="nav">     <li><a href="#" [b]id="a"[/b]>...</a></li>     <li><a href="#" [b]id="b"[/b]>...</a></li> </ul>

Hallo,

Dankeschön!
Mir ist das zwar jetzt nicht mehr so ganz klar warum, aber es geht.
ich habe jetzt folgendes in css:

Code :

1 2 3 4 5 6 7 8 9

#nav #k         { display:block;                    width:900px; /* Hintergrundbildbreite */           height:50px; /* Hintergrundbildhöhe */ }   a#k:link, a#k:visited                 {   background:url(../pictures/kontakt1.jpg); } a#k:hover                 {   background:url(../pictures/kontakt2.jpg); }

Das ganze geht aber nur wenn bei der ersten "nav#" kein zweites "#" folgt und wenn ich, wie zusehen, überall die gleiche ID habe und diese nicht schon einmal verwendet habe - letztgenanntes müsste eigentlich gehen, da ich ja eine neue Navigation eröffnet habe, oder?

Jetzt habe ich deinen Nachtrag noch gelesen und bin verwirrt.
In css habe ich das hier als erste Navigation:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

#nav        { margin:0;           padding:0;           list-style:none; }     #nav a         { display:block;                    width:450px; /* Hintergrundbildbreite */           height:300px; /* Hintergrundbildhöhe */ }   a#a:link, a#a:visited                 {   background:url(...); } a#a:hover                 {   background:url(...); }   a#b:link, a#b:visited                 {   background:url(...); } a#b:hover                 {   background:url(...); }

und ich dachte für eine zweite Navigation füge ich alles nochmal ein, mit dieser Änderung:
#nav #k
{ display:block;
width:450px; /* Hintergrundbildbreite */
height:300px; /* Hintergrundbildhöhe */ }

Zitat von chirp

Das ganze geht aber nur wenn bei der ersten "nav#" kein zweites "#" folgt und wenn ich, wie zusehen, überall die gleiche ID habe und diese nicht schon einmal verwendet habe - letztgenanntes müsste eigentlich gehen, da ich ja eine neue Navigation eröffnet habe, oder?

Sorry, aber ich kann dir gerade nicht ganz folgen, worauf du hinaus willst.

ok,
das ist die erste Navigation:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

#nav        { margin:0;           padding:0;           list-style:none; }     #nav a           { display:block;                    width:450px; /* Hintergrundbildbreite */           height:300px; /* Hintergrundbildhöhe */ }   a#a:link, a#a:visited                 {   background:url(...); } a#a:hover                 {   background:url(...); }   a#b:link, a#b:visited                 {   background:url(...); } a#b:hover                 {   background:url(...); }

Für die zweite Navigation ändere ich nur diesen Teil?

Code :

1 2 3 4

#nav a         { display:block;                    width:450px; /* Hintergrundbildbreite */           height:300px; /* Hintergrundbildhöhe */ }

Also nochmal:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

#nav a { display:block; }   #nav a#a { width:450px; height:300px; }   #nav a#a:link, #nav a#a:visited { background:url(...); }   #nav a#a:hover { background:url(...); }   #nav a#b { width:450px; height:300px; }   #nav a#b:link, #nav a#b:visited { background:url(...); }   #nav a#b:hover { background:url(...); }   #nav a#k { width:900px; height:50px; }   #nav a#k:link, #nav a#k:visited { background:url(...); }   #nav a#k:hover { background:url(...); }

ah ja klar, ich stand auf der Leitung. Mir hat nur ein Buchstabe gefehlt, deswegen ging es auch schon. Vielen Dank für die Erläuterung, es ist wie immer ganz logisch.