webForumDet fria alternativet

Tecken före länk vid hover?

HTML & CSS

4 svar · 356 visningar · startad av sabbacus

Medlem sedan juli 2002630 inlägg
Frågan#1

Tjena.
Jag vill minnas att jag på en sajt (gamla mozillasajten?) för något år sedan såg följande funktionalitet och som endast gjordes med CSS, och nu undrar jag om jag är ute och cyklar eller om jag minns fel.

Det var en vertikal navigationsmeny, som fungerade som vanligt, men när man höll musen över en länk (hover) kom det upp ett tecken före länken.
Som jag minns det kollade jag i källkoden och med en stilmall så hade man angett att ett visst tecken skulle visas före länken.

Går detta att göra med css eller ej?

Medlem sedan sep. 2006867 inlägg
#2

Menar du såhär?

http://css.maxdesign.com.au/listamatic/horizontal25.htm

MVH

Medlem sedan maj 20007 492 inlägg
#3

Finns lite olika lösningar som jag kan komma på på rak arm.
1. är att ha en bakgrundsbild vid :hover som ser ut som tecknet. Nackdelen är ju just att det är en bild och inte text så storleken kommer inte förändras när du ändrar fonts-storlek.
2. Är att ha tecknet dolt från början och visa det vid :hover. T.ex att ha tecknet till samma färg som bakgrundsfärgen och ändra färg på tecknet vid :hover.
3. http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#gen-content

Medlem sedan nov. 20041 740 inlägg
#4

Du tänker nog på

a:hover:before {
 content: "tecken";
}
Medlem sedan juli 2002630 inlägg
#5

Det var nog before jag tänkte på. Surt att det inte funkar i IE bara =/

268 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)