Hover

salve a tutti :)
vengo subito al dunque :)

avrei bisogno di applicare uno stile hover ad una cella di una tabella....all'hover però non deve cambiare colore di sfondo o cese simili ma deve apparire una immagine o un <p></p>...

è possibile?

Cioè vuoi che passando il cursore in una cella (specifica o qualsiasi?) compaia al suo interno un immagine?

una cella specifica...
esattamente....

Codice HTML:

---

<tr>
<td align="center" valign="middle">
                  <p class="materie">LAB. TECNICI</p>
                  <p class="materie">SALA POSA</p>
                  <p class="insegnanti">GARATTI + BASSANELLO</p>
        </td>
</tr>

---

in quella cella sotto i 3 <p></p> deve apparire l'immagine o se questo non è possibile un quarto <p></p>

E' tutto possibile dipende tu come vuoi far comparire questa immagine.

Immagine hover come sfondo

Codice HTML:

---

<tr>
<td align="center" valign="middle" id="mio_id">
                  <p class="materie">LAB. TECNICI</p>
                  <p class="materie">SALA POSA</p>
                  <p class="insegnanti">GARATTI + BASSANELLO</p>
        </td>
</tr>

---

Codice:

---

td#mio_id:hover{
        background:url('mia_img.jpg') top center no-repeat;
}

---

Compare quarto <p>

Codice HTML:

---

<tr>
<td align="center" valign="middle" id="mio_id">
                  <p class="materie">LAB. TECNICI</p>
                  <p class="materie">SALA POSA</p>
                  <p class="insegnanti">GARATTI + BASSANELLO</p>
                  <p id="nascosto"><img alt="" src="mia_img.jpg"></p>
        </td>
</tr>

---

Codice:

---

#nascosto{
        display:none;
}
td#mio_id:hover #nascosto{
        display:block;
}

---

l'immagine deve apparire dopo i 3 <p>
quindi non come sfondo ma come se fosse contenuta in un quarto paragrafo...

Allora devi usare il mio secondo codice.

Citazione:

---

Originalmente inviato da miki92

Allora devi usare il mio secondo codice.

---

ho provato a fare con il secondo codice e funziona perfettamente tranne per il fatto che mi taglia l'immagine :(

In che senso viene tagliata? L'immagine assume le dimensioni della cella, se vuoi puoi rimpicciolire l'immagine o ingrandire (sempre via CSS) la cella.

Citazione:

---

Originalmente inviato da miki92

In che senso viene tagliata? L'immagine assume le dimensioni della cella, se vuoi puoi rimpicciolire l'immagine o ingrandire (sempre via CSS) la cella.

---

guarda tu stesso: http://fabiovergotti.altervista.org/...reazioni/1.php

Guarda che è proprio l'immagine che è così. E' già tagliata sul tuo sito: guarda qui.

boh...scusa allora =)
strano però perchè il file che carico io è completa

grazie mille comunque....ne approfitto per chiederti un'altra cosa =)
http://forum.it.altervista.org/php-m...controllo.html