3 svar · 423 visningar · startad av peppar
Jag skulle vilja ha en URL till en bild istället för tecken i denna:
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
Om jag gör såhär:
ul#navlist li:hover ul#subnavlist li a:before { content: url(../forward.gif); }
Så blir visas den repeterad som en "tilad" bakgrundsbild...
Blir lite undrande...:-)
Gissar att du har något j.s. till content...
Men har du testat med de helt vanliga list-attributen.
t.ex.
a:hover{list-style: url(../forward.gif);}
i stället för att jobba med a:before.
Det gick visst att göra såhär ändå..
ul#navlist li:hover ul#subnavlist li a:before { content: url(../forward.gif); }
Måste viss ha slarvat när jag provade...?!
-> tanten. Undra på du ;)
Det är en CSShover från css.maxdesign.au
En annan metod:
ul#navlist li:hover ul#subnavlist li a { padding-left: 10px; background: url(../forward.gif) center left no-repeat; }
:before stöds nog inte av alla webbläsare..