Visualizzazione risultati 1 fino 12 di 12

Discussione: Hover

  1. #1
    fabiovergotti non è connesso Utente
    Data registrazione
    18-02-2013
    Messaggi
    249

    Predefinito 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?

  2. #2
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,226

    Predefinito

    Cioè vuoi che passando il cursore in una cella (specifica o qualsiasi?) compaia al suo interno un immagine?
    Apprezzi l'aiuto? Offrimi un caffè!

  3. #3
    fabiovergotti non è connesso Utente
    Data registrazione
    18-02-2013
    Messaggi
    249

    Predefinito

    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>

  4. #4
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,226

    Predefinito

    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;
    }
    Ultima modifica di miki92 : 27-11-2013 alle ore 16.35.01
    Apprezzi l'aiuto? Offrimi un caffè!

  5. #5
    fabiovergotti non è connesso Utente
    Data registrazione
    18-02-2013
    Messaggi
    249

    Predefinito

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

  6. #6
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,226

    Predefinito

    Allora devi usare il mio secondo codice.
    Apprezzi l'aiuto? Offrimi un caffè!

  7. #7
    fabiovergotti non è connesso Utente
    Data registrazione
    18-02-2013
    Messaggi
    249

    Predefinito

    Citazione Originalmente inviato da miki92 Visualizza messaggio
    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 :(

  8. #8
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,226

    Predefinito

    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.
    Apprezzi l'aiuto? Offrimi un caffè!

  9. #9
    fabiovergotti non è connesso Utente
    Data registrazione
    18-02-2013
    Messaggi
    249

    Predefinito

    Citazione Originalmente inviato da miki92 Visualizza messaggio
    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

  10. #10
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,226

    Predefinito

    Guarda che è proprio l'immagine che è così. E' già tagliata sul tuo sito: guarda qui.
    Apprezzi l'aiuto? Offrimi un caffè!

  11. #11
    Guest

    Predefinito

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

  12. #12
    Guest

    Predefinito

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

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •