Hover på eit bilde

[dedLy_sCoRpIoN]

Ja, kordan ordner eg det?

 

<img class="floatright" src="brulandet.jpg" alt="" width="100" height="100">

 

img.floatleft
{
float: left;
margin: 0 10px 10px 0px;
border: 1px solid #666;
padding: 2px;
}

 

Korleis kan eg få ein hovereffekt der f.eks bildet blir slik når med hover:

 

{
float: left;
margin: 0 0px 0px 0px;
border: 1px solid #666;
border-width: 5px;
padding: 0px;
}

[neb]

hvis du har en div som f.eks heter container kan du gjøre det slik

#container img {
border: 2px solid #en eller annen farge;
margin: 15px;
}

 

 

og for hover effekten:

 

#container img:hover {
border: 2px solid #en annen farge;
margin: 15px;
}

[Magnus Holm]

Hvis du driter i IE:

img.floatleft:hover
{
float: left;
margin: 0 0px 0px 0px;
border: 1px solid #666;
border-width: 5px;
padding: 0px;
}

 

I IE virker kun hover på a-elementet:

<a href="#" class="hover"><img class="floatright" src="brulandet.jpg" alt="" width="100" height="100"></a>

 

a.hover
{
border: 0;
}

img.floatleft
{
float: left;
margin: 0 10px 10px 0px;
border: 1px solid #666;
padding: 2px;
}

a.hover:hover img.floatleft
{
float: left;
margin: 0 0px 0px 0px;
border: 1px solid #666;
border-width: 5px;
padding: 0px;
}

 

EDIT: Liten feil...

Endret 27. november 2005 av Judofyr

[dedLy_sCoRpIoN]

Den andre metoden din funker flott i Opera, men i IE kommer berre hover, ikkje nokke anna ramme. Kvifor?