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

    problema con codice CSS

    ragazzi ho un grosso problema nel mio sito non riesco a mettere un div1 sopra un altro div2...
    questo con il css... come posso fare? nel div1 lo devo utilizzare come contenitore in quanto devo scrivere del testo con un link... spero qualcuno mi possa aiutare!

  2. #2
    posta il codice



    codice:
    <body>
    <div id="div1"></div>
    <div id="div2"></div>
    </body>

  3. #3

    we

    ascolta ma così non ho due contenitori???
    nel primo io dovrei mettere l'immagine...
    nel secondo... dovrei mettere il testo ma vorrei che il testo stia sopra l'immagine che mi farebbe da sfondo è possibile?

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    per queste cose c'è il forum CSS, no?

    codice:
    CSS 
    #livello1 {position: absolute; width: 100px; height: 100px; z-index: 1;}
    #livello2 {position: absolute; width: 100px; height: 100px; z-index: 2;}
    
    HTML 
    <div id="livello1">immagine</div>
    <div id="livello2">testo</div>

  5. #5
    <html><head><title>studiolegalepozzati.it</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Studio Legale Mary Pozzati</title>
    <meta name="description" content="Lo Studio Pozzati si occupa di giustizia, diritto del lavoro, domiciliazioni, crisi finanziarie, settori d'attività." />
    <meta name="keywords" content="consulenza fiscale, tributaria, tributi, fisco" />
    <link rel="stylesheet" href="style.css">
    <script language="JavaScript">
    <!--
    function FP_goToURL(url) {//v1.0
    window.location=url;
    }
    // -->
    </script>
    </head>
    <body>
    <div id="livello1" onclick="FP_goToURL(/*href*/'www.studiolegalepozzati.it/home.htm')">


    </p></div>
    <div id="livello2">
    <div align="center">sito creato da GAP </div>
    </div>
    </body></html>

    CSS

    A:LINK {
    color : Green;
    text-decoration: none;
    }

    A:VISITED {
    color : Purple;
    text-decoration: none;
    }

    A:HOVER {
    color : Red;
    text-decoration : Blink;
    }

    A:ACTIVE {
    color : Red;
    text-decoration: underline;
    }
    #livello1 {
    position: absolute;
    width: 1024px;
    height: 768px;
    z-index: 1;
    left: 0px;
    top: 0px;
    background-image: url(home.jpg);
    }
    #livello2 {
    position: absolute;
    width: 327px;
    height: 100px;
    z-index: 2;
    left: 343px;
    top: 666px;
    }

    in un 17 pollici vedo spazio bianco a destra e sotto!!! come faccio per risolvere ciò?
    e che devo fare per levare gli scroll al fine di far adattare l'immagine a tutte le risoluzioni!!!

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    che risoluzione usi?

    sei sicuro della dimensione dell'immagine di sfondo di livello1 ?

    io vedo solo il "vuoto" (al posto dello sfondo) e livello2 appoggiato al centro in basso

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.