Visualizzazione dei risultati da 1 a 6 su 6

Discussione: sovrapporre due div

  1. #1
    Utente di HTML.it L'avatar di Galex
    Registrato dal
    Aug 2002
    Messaggi
    667

    sovrapporre due div

    ciao
    ecco il mio problemino:
    io ho un immagine ed un div che contiene del testo all'interno della stessa cella di una tabella...

    vorrei che il div con la scritta si sovrapponnesse all'immagine,è possibile?

    ora faccio così:

    <div style='position:relative;font-size:11px;top:16;left:6;font-family:tahoma;' >TESTO</div>[img]immagine[/img]


    però nn so xchè la cella occupa in altezza il doppio delle dimensioni dell'immagine

    come posso fare?

  2. #2

    Re: sovrapporre due div

    Originariamente inviato da Galex
    vorrei che il div con la scritta si sovrapponnesse all'immagine,è possibile?
    z-index:1; ?

  3. #3
    Utente di HTML.it L'avatar di Galex
    Registrato dal
    Aug 2002
    Messaggi
    667
    ok,ma,come si vede dalla foto allegata,io ho un livello una sopra l'altro in verticale,non riesco a sovrapporli



    io pratica ,guardando la foto,io vorrei le scritte sopra alle immagini delle "linguette"

  4. #4
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    una struttura così, no?

    codice:
    <a href="pag.htm">
     <div style="position: absolute; top: 10px; left: 10px;">
      testo
     </div>
     [img]im.jpg[/img]
    </a>

    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  5. #5
    Utente di HTML.it L'avatar di Galex
    Registrato dal
    Aug 2002
    Messaggi
    667
    cos' viene un pò un casino


    ti allego la foto

  6. #6
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732
    potresti mettere l'immagine come background del DIV e giocare sulla posizione della scritta nel DIV con il padding.

    In questo caso l'immagine non sarebbe più un oggetto incorporato ma solo un background, vedi tu.

    deleted_id_48586
    Sgurbat
    y.redaelli@gmail.com

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.