Border ved hover kun på billede links.

Jeg havde også tænkt på noget som var rettet specielt til den slags billeder, men kan godt se din pointe egmose.

Kim

Hvordan får jeg fjernet den ramme der normalt kommer når et billede sættes som link?
Hvis jeg siger border="0" kommer der heller ingen ramme ved hover.

Hilsen
Kim

#6 Hvilken browser? Må jeg se din CSS + HTML til billedet og linket?

Nu virker det på IE 8.

css:
a.big:hover img{
    border: 1px solid green;
}

html:
<a class="big" href="http://side"><img src="billede.gif" alt="billede" border="0"/></a>

Men det som er under billedet rykker sig når rammen kommer om billedet, er der noget at gøre ved det?  Skal måske oprette et nyt spørgsmål.

Kim

Grunden til, at det rykker sig ved hover er, at der ikke er nogen border på i normal tilstand. Når der sættes en 1px border på bliver billedet reelt 2px højere.

I den normale tilstand (uden hover) kan du derfor sætte en 1px padding på billedet, og ved hover sætte padding til 0px og border til 1px.

Hej phillips
Er der en speciel grund til du vil bruge padding?
Jeg kan kun få det til at virke sådan her:

a.big:link img{
    border: 1px solid #FFFFFF;
}

a.big:visited img{
    border: 1px solid #FFFFFF;
}

a.big:active img{
    border: 1px solid #FFFFFF;
}   

a.big:hover img{
    border: 1px solid #00FF00;
}

Ved godt det er dumt hvis der ikke er hvid baggrund men ved padding rykker det stadig ned.

Hej igen, undskyld der er gået noget tid, jeg har kodet og lært så jeg er grøn i hovedet :-)

Fået det til at virke helt perfekt nu.

Vil i smide et svar begge to.

Mange tak for hjælpen.

Kim

Hallo  :-)

Vil I smide et svar.

Hilsen

KIm

Så ligger jeg et svar :-)

:-)