[IE6] Problema con hover su immagine e <hr />

**Cesar** · 19-09-2006, 16:35

Sarò breve:

come mai il seguente codice su Firefox e Opera "funziona", mentre con Internet Explorer (6) viene visualizzato diversamente?

codice:

<html>
<head>
<style type="text/css" media="all">
img.immagine{
	float: left;
	margin: 5px 5px 5px 5px;
	border: solid 1px #007995;
}

img.immagine:hover{
	float: left;
	margin: 5px 5px 5px 5px;
	border: solid 1px #00bcc4;
}

hr {
	clear: both;
	border: solid 1px #007995;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
</style>
</head>

<body>

[img]immagine.gif[/img]




<hr />

</body>
</html>

Grazie.

**Mich_** · 19-09-2006, 16:57

Perche` la pseudoclasse :hover in IE e` riconosciuta solo se sul tag <a>.

prova con:

codice:

a img.immagine{
	float: left;
	margin: 5px 5px 5px 5px;
	border: solid 1px #007995;
}

a:hover img.immagine{
	border-color: #00bcc4;
}

(non serve ripetere tutto nell':hover, basta riprendere le cartteristiche che cambiano).

**Cesar** · 19-09-2006, 18:02

Ok, grazie. Per quanto riguarda <hr> ?

**Cesar** · 19-09-2006, 18:27

ok, risolto.

http://blog.html.it/archivi/2006/04/...ntal-rules.php

Discussione: [IE6] Problema con hover su immagine e <hr />

Strumenti discussione

Ricerca discussione

Visualizza

[IE6] Problema con hover su immagine e <hr />

Permessi di invio