bilderamme i css

[Asbjørn H]

Har problemer med å få rammene på noen bilder (bilder som er linker) på hjemmesiden min. I opera får jeg rammene til å se ut og oppføre seg akkurat sånn som de skal, men når jeg åpner siden i IE byr det på problemer. Problemet er at hover-effekten ikke fungerer. Bildene får først hover-rammen når jeg trykker på dem, og det er jo ikke så mye vits i... Det rare er at jeg hentet koden fra siden til en kamerat av meg, som fungerer helt fint i alle nettlesere. Men jeg er temmeligs sikker på at jeg ikke har forandret på noe som kan ødelegge noe. Er det noe jeg mangler eller har oversett? Jeg skal altså ha i utgangspunktet samme utseende på bilderammene som på kompisen min sin side.

 

Her er style sheet'en:

.gallery-thumb img {
background: #eee;
border: 2px solid #000000;
padding: 0px;
margin: 0px;
-moz-border-radius: 5px;
}

.gallery-thumb a: img {
border-color: #000000;
}

.gallery-thumb a:hover img {
border-width: 2px;
border-color: #4399ff;
margin: 0;
-moz-border-radius: 5px;
}

 

Html på bildene:

<td><div class="gallery-thumb">
  <a href="javascript:PopupPic('bilde.jpg')"><img src="bilde_thumb.jpg" alt="bilde"></a></div>
 </td>

Endret 1. april 2006 av Asbjørn H

[Even.]

Vet ikke om dette har noe å si, men du kan i hvert fall prøve

 

.gallery-thumb a:link img {
border-color: #000000;
}

.gallery-thumb a:active img {
border-color: #000000;
}

.gallery-thumb a:visited img {
border-color: #000000;
}

.gallery-thumb a:hover img {
border-width: 2px;
border-color: #4399ff;
margin: 0;
-moz-border-radius: 5px;
}

[Asbjørn H]

Nei, det hjalp desverre ikke... Takk for hjelpen, though!

[Even.]

Prøv å fjerne .img på slutten.

[Asbjørn H]

Gikk ikke det heller...