webForumDet fria alternativet

Styla lista med CSS

3 svar · 310 visningar · startad av K@llen

K@llenMedlem sedan mars 20032 667 inlägg
#1

Hej,

Jag har en helt vanlig lista av typen circle. Denna används till en meny. Nu vill jag markera ut var i menyn man befinner sig. Kan jag ändra style på ett (1) listelement (<li>) i listan.

Exempel:
Om jag har alla cirklar grå, så vill jag exempelvis ha det valet man befinner sig på som en röd cirkel? Går det att göra? Hur gör man?

silfverMedlem sedan apr. 200312 679 inlägg
#2

Hm. Jag är nästan säker på att du inte kan ändra färg på cirklarna, men du kan ju göra en egen? Det borde väl gå, tror jag? :D Pröva.

li.active { list-style-image: url(bild.gif); }

Blir osäker på om det är rätt kod nu...

r\ Ändrade koden efter att ha sett fiddlers svar. :)

fiddlerMedlem sedan juli 20023 617 inlägg
#3

Som Silfver säger går det ju alltid att göra en egen bild.

http://member.webforum.nu/3888/index.htm

TinwëlintMedlem sedan maj 2004451 inlägg
#4

Bra det silfver. list-style-image heter det. Men för det mesta är det lättare att sätta en bild i bakgrunden och kontrollera den på det viset.

ex:

li.active{
background: url(bullet.png) no-repeat 0% 50%;
}
/*bilden repeteras inte och placeras i mitten till vänster*/
275 ms totalt · 3 externa anrop · v20260731065814-full.30151723
136 ms — hämta forumlista (db)
0 ms — hämta statistik (cache)
272 ms — hämta tråd, inlägg och bilagor (db)