li: hover {

[pgdx]

Jeg prøvde meg på en liten saker her, som jeg ikke visste om skulle fungere eller ei, men er det mulig at noen av dere vet det?

<ul>
<li>Bla bla</li>
<li>Bla bla</li>
<li>Bla bla</li>
<li>Bla bla</li>
</ul>

li {
list-style-image: url(1.gif);
}
li:hover {
list-style-image: url(2.gif);
}

Dere som eventuelt kan hjelpe meg skjønner dette uten nærmere forklaring.

 

Problemet var at hoveren, istedenfor å gå til 2.gif, gikk over til standard circle. Noen som vet om dette er mulig? Å bytte mellom to image i list, altså?

 

Drit i å komme med anbefalinger til alternative metoder, fordi jeg har kjennskap til både javascript og andre mulige løsninger, men jeg lurer på om dette er mulig!

[FuLu]

IE, som ca 90% bruker (statistikk fra løse lufta), så vil ikke :hover fungere andre steder enn på A elementet

[pgdx]

Svarte... Jeg testet bare med Opera. Ser at i IE så funker det lite... Det var da som svarte.

 

Kanskje derfor span:hoveren min ikke virker i IE heller?

 

Vi får håpa det blir likar i måro.

 

Jau, det ville bærre være lækkert.

[pgdx]

Hvis jeg prøver å lage hver <li></li> inne i en a, da?

 

Denne virker jo... http://www.tom.me.uk/2002/4/red-bit.html#

 

display:block ?

Endret 14. januar 2004 av Toolshed

[FuLu]

Haha, ja, :hover funker desverre bare på A i IE, så no luck there. Skal du late som du har en bullet foran et A element og la den oppføre seg som en LI, så kan du jo ha A inni en LI. Ha background-image på A satt til venstre. Padder litt så ikke noe tekst kommer over den bullet. A må være block type. LI kan du sette list-style-type: none eller noe, kvitter deg med margin/padding på UL & LI. Kan sikkert mekke samme en kode om du vil Men du klarer kanskje andre metoder selv?

[FuLu]

http://home.chello.no/~alexholm/hw.no/liatest/liatest.html

 

Edit: oops, skulle ha redigert forrige post

Endret 14. januar 2004 av FuLu

[pgdx]

Ja, da kan jeg like godt droppe hele <ul> og <li>, for det var kun derfor jeg ville bruke det...

[FuLu]

Jo, men det vil se pent formatert ut i en browser som f.eks Lynx/Links eller i en nettleser som har skrudd av stylesheet Sikkert ikke mange som tenker på det, har bare blitt til vane å få det til å fungere i de fleste tilfellene

Endret 14. januar 2004 av FuLu

[cfenzo]

tenkte jeg skulle lage et eksempel, men så ble det så mye lettere å bare legge ut en link til Listamatic..

[oleisbest]

Her har du et eks som løser problemet ditt med bruk av css

 

http://www.thesunreport.org/

[Moonshine]

Dette er definitivt noe å legge merke til.

 

Kommer en uten javascript, er det en fin ting.

[haugsand]

IKKE dropp bruk av lister i meny. Ha heller lenker ikke i listene, som du setter display: block; på, hvis det er nødvendig.

[cnav]

li {

list-style-image: url(1.gif);

}

li:hover {

list-style-image: url(2.gif);

}

 

Dette fungerer for meg:

 

list-style-image: url(1.gif);

}

a:hover {

list-style-image: url(2.gif);

}

[Cucum(r)]

Kun jeg som synst at css er vanskeligere enn php? :S