Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    come si usa lo z-index?

    ciao ragazzi, io vorrei realizzare una cosa simile a quella dell'immagine sottostante..
    premetto che non ho ancora molta confidenza con i css, quindi se mi poteste spiegare con termini veramente elementari come operare, ve ne sarei grato.

    il codice che ho usato

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="css_da_cancellare.css" rel="stylesheet" type="text/css" />
    </head>

    <body></div>
    <div align="center"><div id="corpo"><div id="immagine_sup"></div></div>
    </div>




    </p>
    </body>
    </html>

    ho usato un div nel div.. però almeno mi si sovrappongono orizzontalmente.. con 2 div separati dovrei usare il float (credo..) ma anche in questo caso la sovrapposizione è orizzontale


    CSS

    #corpo {
    background-color: #666666;
    height: 100px;
    width: 500px;
    z-index: 1;
    left: 450px;
    }
    #immagine_sup {
    background-color: #00CC33;
    height: 50px;
    width: 50px;
    z-index: 2;
    margin-left: 480px;
    }


    questo è un esempio giusto per cercare di capire, non è nessun sito al quale sto lavorando.. non sono così a zero

    grazie a tutti Voi
    E75
    Fantasy sets our boundaries...
    www.webartists.it

  2. #2
    whoops, scusate.. ecco l'immagine.
    Immagini allegate Immagini allegate
    Fantasy sets our boundaries...
    www.webartists.it

  3. #3
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    primo risultato di google con z-index
    http://lau.csi.it/realizzare/accessi...on/z-index.htm

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  4. #4
    ciao oronze

    innanzitutto grazie per la tua risposta pronta.

    però il discorso rimane, cioè i due div non si sovrappongono.
    probabilmente è qualche cosa che sto sbagliando ma come ripeto, non sono molto pratico di css..

    mi potreste fare un esempio con codice html e css a parte, per favore?

    io sono abbastanza cocciuto e finché le cose non le capisco fino in fondo e le digerisco, non mi do pace.

    grazie ancora per l'aiuto
    ciao
    Fantasy sets our boundaries...
    www.webartists.it

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    una cosa del genere?
    codice:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Nuova pagina 1</title>
    <style type="text/css">
    #livello1 {position: absolute; width: 266px; height: 148px; z-index: 1; left: 241px; top: 51px; background:blue;}
    #livello2 {position: absolute; width: 126px; height: 109px; z-index: 2; left: 464px; top: 21px; background:red;}
    </style>
    </head>
    
    <body>
    
    <div id="livello1"></div>
    <div id="livello2"></div>
    
    
    </body>
    
    </html>

  6. #6
    grazie mille!

    non avevo messo il positioning absolute

    graize ancora!
    Fantasy sets our boundaries...
    www.webartists.it

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 © 2026 vBulletin Solutions, Inc. All rights reserved.