Newsgroup: it.lavoro.professioni.webmaster
Titolo: Problemi con Hover e IE

Ho un problema con l'hover associato ad un div. Il codice è questo:
div#realizzazioni{
	height: 30px;
	width: 130px;
	text-align: left;
	background-color: #FFFFFF;
	margin-right: 20px;
	top:20px;
	float:right;
	position: relative;
	border-width: 1px;
	padding-left: 10px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.7em;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	line-height: 30px;
	}
div#realizzazioni:hover{
	height: 30px;
	width: 130px;
	text-align: left;
	background-color: #666666;
	margin-right: 20px;
	top:20px;
	float:right;
	position: relative;
	border-width: 1px;
	padding-left: 10px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.7em;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	line-height: 30px;
	}
In FF funziona perfettamente, mentre IE non ne vuole sapere di
cambiare colore al passaggio del mouse.
Come mai? Altro bug o c'è qualcosa di errato nel codice?
--
D00PAR
[BLOG] "Le idee sono come le tette..."
www.alessioproietti.com



 Come mai? Altro bug o c'è qualcosa di errato nel codice?
Per IE l'hover vale solo sui link
-- 
Raffaele Masi
www.webmasterfirenze.it

 Per IE l'hover vale solo sui link
E non c'è un'alternativa?


 E non c'è un'alternativa?
Ehn, vuoi le cose facili :p
Puoi usare javascript, ho trovato questo *codice di esempio* che 
dovrebbe fare al caso tuo.
XHTML
<div id="news">
    <!-- contenuto -->
</div>
CSS
#news:hover,
.news_hover
{
    background-color:red;
}
Javascript (Da inserire nella head)
window.onload = function()
{
    var box = document.getElementById('news')
    box.onmouseover = function()
    {
       this.className = 'news_hover'
    }
    box.onmouseout = function()
    {
       this.className = ''
    }
}
Adattalo, e dicci se funziona :)
Ciao, nené
-- 
www.netbitstudio.it
creazione e realizzazione di siti internet,
cd/dvd multimediali e grafica.

 Adattalo, e dicci se funziona :)
Ora provo, grazie!


 Adattalo, e dicci se funziona :)
Ho sostituito a "news" il nome della classe utilizzata da me ma
continua a funzionare solo per FF! :(



Ti hanno già risposto, e io mi attacco qua per permettermi di dare
qualche consiglio sul "come scrivere i css".. Poi sta a te/voi
applicarle o no :)
Prima di tutto, se metti tutte le proprietà dentro div#realizzazioni e
vuoi cambiare solo il colore di sfondo a div#realizzazioni:hover, non
c'è bisogno di ripetere tutte le proprietà. Basta scrivere:
div#realizzazioni:hover {
  background-color: #666
}
Tutte le altre proprietà rimangono.
Secondo, è inutile aggiungere il tag ad un ID. Quindi div#realizzazioni
diventa semplicemente #realizzazioni. Non ci saranno span#realizzazioni,
nè qualsiasitag#realizzazioni. Gli ID sono unici quindi una volta che ne
hai messo uno non ci puo' essere altro con lo stesso nome.
Chiaro che se vuoi ricordarti che quel #realizzazioni è un div niente ti
vieta di metterci il tag davanti :)
Terzo, ecco un articolo che spiega come le proprietà ripetute di border,
padding, margin, background color, font, ecc.:
http://www.dustindiaz.com/css-shorthand/
Per dirne una, il tuo div#realizzazioni { ... } diventa:
div#realizzazioni {
  float: right;
  position: relative;
  top: 20px;
  margin-right: 20px;
  width: 130px;
  height: 30px;
  border-bottom: 1px solid #ccc;
  padding: auto 5px auto 10px;
  background-color: #fff;
  color: #333;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  line-height: 30px
}
Ciao :)
-- 
Alan
"Ci spiace, ma il lucro è indispensabile."
http://www.qreate.net

 applicarle o no :)
Grazie per i suggerimenti, è la prima volta che uso i css e sono
completamente autodidatta.... :)
