Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    171

    Problema con il box model..

    Ciao, allego immagine che rappresenta i quadri di contenuto testo che dovrei realizzare ..

    possibile ?

    Ho fatto un po' di prove, ma la colonna destra scende sempre
    sotto a quella di sx..
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Problema con il box model..

    dipende da come hai scritto il codice css per i box.
    hai la pagina in rete? posta l'indirizzo; è + semplice aiutarti.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    posto il codice

    <style>
    #quadrosinistra{
    }

    #quadrodestra{
    background-color: white;
    }

    #quadro_uno{
    width:448px;
    \width:438px;
    w\idth:448px;
    height: 130px;
    margin-bottom:4px;
    }

    #quadro_due{
    float:left;
    width:220px;
    \width:210px;
    w\idth:220px;
    margin-right:4px;
    height: 130px;
    }

    #quadro_tre{
    width:220px;
    \width:210px;
    w\idth:220px;
    height: 130px;
    }

    #quadro_quattro{
    width:448px;
    \width:438px;
    w\idth:448px;
    height: 130px;
    margin-top:4px;
    }

    #quadro_cinque{
    float:right;
    width:284px;
    \width:274px;
    w\idth:284px;
    margin-left:460px;
    height: 270px;
    }

    #quadro_sei{
    float:right;
    width:284px;
    \width:274px;
    w\idth:284px;
    height: 130px;
    margin-left:470px;
    }

    .generale{
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    padding: 2px;
    }

    </syle>

    <...>

    <div id="quadrosinistra">
    <div id="quadro_uno" class="generale">quadro 1<div>
    <div id="quadro_due" class="generale">quadro 2</div>
    <div id="quadro_tre" class="generale">quadro 3</div>
    <div id="quadro_quattro" class="generale">quadro 4</div>
    </div>

    <div id="quadrodestra">
    <div id="quadro_cinque" class="generale">quadro 5</div>
    <div id="quadro_sei" class="generale">quadro 6</div>
    </div>
    [°_°] The Web Styler Project [°_°]
    :.:Classifica Spettacolare :.:
    :-:Partecipa :-: GUADAGNA SCRIVENDO ARTICOLI !! fino a 2,5 crediti per parola

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    non ho visto tutto il codice postato;
    però mi sorge un dubbio: hai messo tutti i div in un contenitore generale?
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  5. #5
    Più o meno dovrebbe andare...





    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>quadro 1</title>
    <style>
    #quadrosinistra{
    width: 600px;
    float: left;
    background-color: #f00;
    }

    #quadrodestra{
    background-color: #dd0;
    float: right;
    }

    #uno{
    width:448px;
    \width:438px;
    w\idth:448px;
    height: 130px;
    margin:4px;
    }

    #due{
    float:left;
    width:220px;
    \width:210px;
    w\idth:220px;
    margin-right:4px;
    height: 130px;
    }

    #tre{
    width:220px;
    \width:210px;
    w\idth:220px;
    height: 130px;
    }

    #quattro{
    width:448px;
    \width:438px;
    w\idth:448px;
    height: 130px;
    margin-top:4px;
    }

    #cinque{
    float:right;
    width:400px;
    \width:400px;
    w\idth:400px;
    height: 270px;
    margin-right: 30px;
    }

    #sei{
    float:right;
    width:400px;
    \width:400px;
    w\idth:400px;
    height: 130px;
    margin-right: 30px;
    }

    .generale{
    background-color: #f3d;
    border: 1px solid #DCDCDC;
    padding: 2px;
    }

    </style>
    </head>

    <body>
    <div>
    <div id="quadrosinistra">
    <div id="uno" class="generale">quadro 1</div>
    <div id="due" class="generale">quadro 2</div>
    <div id="tre" class="generale">quadro 3</div>
    <div id="quattro" class="generale">quadro 4</div>
    </div>

    <div id="quadrodestra">
    <div id="cinque" class="generale">quadro 5</div>
    <div id="sei" class="generale">quadro 6</div>
    </div>
    </div>
    </body>

    </html>





    CIao

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.