webForumDet fria alternativet
Logga in / Bli medlem

Styla lista med CSS

HTML & CSS

3 svar · 310 visningar · startad av K@llen

Medlem sedan mars 20032 667 inlägg
Trådstart#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?

Medlem 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. :)

Medlem 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

Medlem 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*/
258 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)