div visibile / invisibile

[Pandax]

sto provando a fare in modo che il passaggio del mouse su un div contenente un immagine
porti da invisibile a visibile un altro div con del testo...

codice

<div id="title" class="hid">testo da visualizzare</div>
<div class="alert" onmouseout="title.className='hid'" onmouseover="title.className='vis'"></div>


css

.alert {
display:inline;
width:20px;
height:20px;
background-repeat:no-repeat;
background-image:url(../img/iconcine/alertcampo.gif);
}

.vis {
display:inline;
visibility:visible;
font-size:12px;
color:#CC0033;
width:150;
height:40;
}

.hid {
display:inline;
visibility:hidden;
}

ma non funziona...non fa nulla quando passo sul div alert..

[Mich_]

title non e` un oggetto riconsociuto dal DOM standard. Forse lo riconosce IE, ma gli altri browser no.

Prova con:
onmouseover="document.getElementById('title').clas sName='vis';"

PS: questo non e` CSS. Ti sposto in JS.

Se invece vuoi una soluzione con i CSS, vedi i numerosi esempi di menu a piu` livelli ciati tra i "link utili".

[pierofix]

Con quanto suggerito da Mich_ dovresti risolvere. Se ti interessa un codice meno intrusivo e un po' più accessibile, ecco qua un esempio:

- http://www.andreapaiola.it/forum/dis...le-con-il-dom/