Hey servus zusammen!
ich hab da ein recht simples problem!

und zwar wenn ich in html ein navi so hab:


<div>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
<li><a href="#">home</a></li>
</ul>
</div>


wie benenn ich dann im css ein menue


#navi{
width: 200px;
height: 400px;
border: 1px solid green;
}

#navi ul{
list-style-type: none;
}

#navi li{
display: block;
}

# a:link, # a:visited{
color: black;
}

# a:hover, # a:active{
color: white;
}


wie benenn ich die damit ich für alle menüs verschiedene hintergrundbilder benutzen kann?

Viele Grüße
Cornelius

Hi,

Zitat von nullnullsix

wie benenn ich die damit ich für alle menüs verschiedene hintergrundbilder benutzen kann?

sprichst du hier von den einzelnen Links innerhalb der Listennavigation?

Wenn ja, dann schau mal hier -> http://www.tutorials.de/forum/1501022-post41.html

Falls nicht, solltest du dein Anliegen etwas präziser formulieren.

Bin mir auch gerade nicht sicher, deine Frage richtig verstanden zu haben - meinst du, wenn du verschiedene Menues/Listen hast, wie du diese dann jeweils unterschiedlich stylen kannst?

Da kannst du den einzelnen Listen eine ID zuordnen:

Code :

1	<ul id="eins">

LG
Cherrywine

tut mir leid, da hab ich mich ein wenig unverständlich ausgedrückt!

normaler weise, wenn ich im html die li's nicht benannt hab, dann schaut das ganze im css so aus:

#navi{
...}

#navi ul{
...
}

#navi li{
...
}

#navi li a:link, #navi li a:active{
...
}

ich meine wenn ich im html die li's aber benannt hab

...
<li id="menue1"><a href="#">menue1</a></li>
...

dann weis ich nicht wie ich im css das einzelne li genau benennen muss!

...
#? ? ? ? a:link. #? ? ? ? a:active{

}

das problem ist eigentlich relativ simpel, aber ich komm ned drauf , weil alles was ich rumprobiert hab funktioniert nicht!
mfg
cornelius

Hi,

wenn du jedem li-Element eine ID zuweist:

Code :

1 2 3 4 5 6 7

<div id="navi">     <ul>         <li id="menue1"><a href="#">...</a></li>         <li id="menue2"><a href="#">...</a></li>         <li id="menue3"><a href="#">...</a></li>     </ul> </div>

und über diese ID den dazugehörigen Link formatieren möchtest, lauten die Selektoren:

Code :

1 2 3 4 5 6 7 8 9 10 11

#navi li#menue1 a:link, #navi li#menue1 a:visited { ... } #navi li#menue1 a:hover { ... } #navi li#menue1 a:active { ... }   #navi li#menue2 a:link, #navi li#menue2 a:visited { ... } #navi li#menue2 a:hover { ... } #navi li#menue2 a:active { ... }   #navi li#menue3 a:link, #navi li#menue3 a:visited { ... } #navi li#menue3 a:hover { ... } #navi li#menue3 a:active { ... }

Boa leute ihr seit super!!
Danke schön!!
Echt super!!
hat mir sehr geholfen!


äh noch ne frage! wie markiert man ein thread als erledigt?
mfg
cornelius

Zitat von nullnullsix

äh noch ne frage! wie markiert man ein thread als erledigt?

Rechts vom "Antworten"-Button findest du den Button, um das Thema als erledigt zu markieren.