✔ Name der Li's

[nullnullsix]

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

 

[Maik]

Hi,

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.

 

[Cherrywine]

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:

<ul id="eins">

LG
Cherrywine

 

[nullnullsix]

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

 

[Maik]

Hi,

wenn du jedem li-Element eine ID zuweist:

<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:

#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 { ... }

 

[nullnullsix]

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

 

[Maik]

ä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.