Newsgroup: it.lavoro.professioni.webmaster
Titolo: CSS: hover non funzionante con IExplorer

Con Internet Explorer, un mio div non cambia le proprietà al passaggio
del mouse:
#menù:hover
	{
		background-color: white;
		color: black;
		font-weight: bold;
	}
Questo non funziona, mentre con Firefox sì. Qual è il problema? E
sopratutto: è un problema mio o solo di IExplorer che ha un'idea tutta
sia di cosa siano i CSS?

Mirko ha scritto:

La seconda che hai detto.
-- 
Amministratore
www.AmiciAmici.com
Giornalismo dal basso sui temi dell'amicizia, feste e divertimento.
PodCast "Pronto Chi Bussa" dalla Valtaro al Web...

 [cut]
mettilo su a:
#menu a:hover{display:block; ...}

Mirko ha scritto:

Su internet explorer < 7 la pseudo-classe :hover è supportata solo per 
gli anchor.

 #menu a:hover{display:block; ...}
Già va meglio. Però non funziona su tutto il blocco, c'è una parte
superiore e una inferiore (delle righe) nelle quali lo sfondo non
cambia colore... ???

Mirko ha scritto:

Il problema si risolve elimando il padding al div. Ma a me servirebbe,
uffa!

 gli anchor.
se non erro ho letto che anche nella 7 è rimasto uguale.

 se non erro ho letto che anche nella 7 è rimasto uguale.
Qui non risulterebbe:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/hover.asp
Poi io sinceramente IE 7 non l'ho ancora visto.

 ha scritto nel messaggio 
news:1165579061....@73g2000cwn.googlegroups.com...
Con Internet Explorer, un mio div non cambia le proprietā al passaggio
del mouse:
#menų:hover
{
background-color: white;
color: black;
font-weight: bold;
}
Questo non funziona, mentre con Firefox sė. Qual č il problema? E
sopratutto: č un problema mio o solo di IExplorer che ha un'idea tutta
sia di cosa siano i CSS?
----------------------------------
Comincerei a togliere le lettere accentate (mi riferisco alla ų di menu).
Cooper.
-- 
www.blueware.it
www.italchat.it

Cooper sorry se te lo dico, ma il tuo modo di quotare è terribile: non 
ci capisco una mazza.



ti consiglio di usare javascript prova questo:
----------------------------------------------------------------------------------------------------------------
file html
----------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="prova.css" />
</head>
<body>
<div
onmouseover='this.style.background="black";this.style.color="white"'
onmouseout='this.style.background="white";this.style.color="black"'>
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------
file css
----------------------------------------------------------------------------------------------------------------
div {
background-color: white;
color: black;
}
----------------------------------------------------------------------------------------------------------------
Ciao
Oreste

Come indica Oreste, oppure cosi':
<div id="menu"
onmouseover="MM_changeProp('menu','','style.fontWeight','bold','DIV')"
onmouseout="MM_changeProp('menu','','style.fontWeight','normal','DIV')">iltuotesto<br
/>
iltuotesto2<br />iltuotesto3</a></div>
Ciao
Angelo Palma 
www.webxall.net


Beh effettivamente il fatto che manchino le > non è imputabile a me :) 
anzichè perdere tempo a mettercele ho preferito fare direttamente una linea 
:) e rispondere sotto.
In ogni caso rispondevo al post originale non a una risposta già data. Se 
poi ti riferisci al fatto che abbia incluso tutto il post e non solo la 
parte interessata è perchè mi sono trovato nella necessità di includerlo 
tutto per intero affinchè la risposta data fosse comprensibile.
Ma credo non ti riferisca a questo quanto al primo.
Cooper.
-- 
www.blueware.it
www.italchat.it
 

dimenticavo lo javascript allegato alla stringa:
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf('style.','style.')==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}
//-->
</script>
In questo caso non c'e' colore di background nelle stringhe del DIV
"menu"

Porcaloca<br />
porcavacca<br />porcapuzzola</a></div>
</body>
Ciao
Angelo Palma

Cooper ha scritto:

Si, mi riferivo al primo ma, rispetto a questa tua risposta, dove almeno 
vedo la riga (e comunque è leggibile), nel primo non vedevo nulla.


Grazie mille ragazzi, siete stati gentilissimi :)