Fjerne hover på img, men ikke på a href?

[Torjus]

Hei, har et lite problem her...

 

Jeg har thumbs på hjemmesiden min, og de linker til feks et galleri, eksempel:

http://www.thinkfuzzy.net/galleri.php

 

Ved hover på et thumbbilde så kommer det en rød strek under bildet, og det er pga denne CSS kodesnutten:

 

div#main a:hover, div#sidebar a:hover
{
background-color: #AA0000;
}

 

Hvordan kan jeg beholde hover på a:hover, men fjerne den fra thumbs?

[AlecTBM]

lag en egen klasse til linken til tommelen

[Torjus]

lag en egen klasse til linken til tommelen

6625572[/snapback]

 

tommelen?

[Jesper Karsrud]

Tommel = thumb = thumbnail

[Torjus]

Ahh... men det blir jo stress? Må gjøre det hver gang jeg legger til et bilde i bloggen og så må jeg knote det inn i galleriet?

[AlecTBM]

er vell det eneste du kan gjøre.

det finnes jo vanskligere metoder som å skrive

 

style="border: none;"

 

[Sycosis]

Øhm jeg har vel den beste måten:P =

 

A.a2:link { text-decoration:none; color:#000000; }

A.a2:visited { text-decoration:none; color:#000000; }

A.a2:hover { text-decoration:none; color:#000000; }

 

Hvis du vil at rammen rundt bildet skal være svart uansett..

for at dette skal fungere, så inkluderer du class="a2" slik: <a href="hvasomhelst" class="a2">

Da vil bildelinkene følge reglene som vist i css koden over..

[RulleRimfrost]

Funker ikke :link:hover img {text-decoration:none} ?

[endrebjo]

a img {
 text-decoration: none;
 border: none;
}

 

Ehh... den fungerte visst ikke på siden din allikevel.

Endret 7. august 2006 av endrebjorsvik

[mohuhau]

div#main .thumb a:hover { background-color: #fff; }

[Torjus]

div#main .thumb a:hover { background-color: #fff; }

6627052[/snapback]

 

Takk, det virket her:

http://www.thinkfuzzy.net/galleri.php

og her:

http://www.thinkfuzzy.net/galleri.php?&act...runner&astart=1

 

...men ikke på hovedsiden og her:

http://www.thinkfuzzy.net/galleri.php?&act...start=1&start=1

 

[joffar]

Virker ikke:

 

img a:hover {text-decoration: none;}

 

Det skulle vel fjerne streken under alle bildelinkene??

[haugsand]

Virker ikke:

 

img a:hover {text-decoration: none;}

 

Det skulle vel fjerne streken under alle bildelinkene??

6628613[/snapback]

Denne koden påvirker en lenke som ligger innenfor et bilde, noe som strengt tatt ikke er mulig.

[Torjus]

Nei, det virket ikke.

Endret 7. august 2006 av fUzZy^

[joffar]

er det ikke mulig aa snu den da

 

a:hover img {text-decoration:none;)

 

Har ikke anledning til aa teste det selv...

[Torjus]

a:hover img {text-decoration:none;)

6629399[/snapback]

 

Det føkka hele CSS'n

[mohuhau]

div#main a img { display:block; float:left; }

div#main br { clear:left;}

 

Denne koden fikser bildene, men nå vil br komme under alle elementer med float:left; så dersom du er avhengig av dette på noen sider er ikke koden ideell.

 

PS: Du lager nytt avsnitt med <br /><br />, men det korrekte er </p><p>. Etter at du har endret dette bytter du ut br i css-koden over med p.