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

    Convertire questa tabella in css

    Salve ragazzi.

    questo è uno di quei casi dove un po' rimpiango le tabelle


    qualcuno buon fautore dei div potrebbe aiutarmi a costruire la struttura di questo ambaradam ?


    il tutto poi sarà contenuto in un div per permettermi di centrarlo.

    fatemi sapere grazie mille!
    Immagini allegate Immagini allegate

  2. #2
    codice:
    <div id="container">
    
       <div id="header">
       </div>
    
       <div id="content" class="clear">
    
          <div class="column clear">
    
                <div class="one">
                </div>
    
                <div class="two">
                </div>
    
          </div>
    
          <div class="column clear">
    
                <div class="one">
                </div>
    
                <div class="two">
                </div>
    
          </div>
    
          <div class="column">
    
                <div class="three">
                </div>
    
          </div>
    
          <div class="column clear">
    
                <div class="one">
                </div>
    
                <div class="two">
                </div>
    
          </div>
    
          <div class="column clear">
    
                <div class="one">
                </div>
    
                <div class="two">
                </div>
    
          </div> 
    
       </div> 
    
    </div>
    codice:
    #container
    {
       width: 600px;
       margin: 20px auto;
       border: 2px solid #f00;
    }
    #header
    {
       height: 40px;
       background: #09f;
       margin: 10px
    }
    #content
    {
       margin-bottom: 10px;
    }
    
    .clear
    {
       overflow: hidden;
       height: 100%;
    }
    .column
    {
       float: left;
       width: 100px;
       margin: 0 10px 10px 10px;
       height: 100px;
    }
    
    .one
    {
       height: 20px;
       background: #999;
    }
    .two
    {
       height: 70px;
       background: #ccc;
       margin-top: 10px;
    }
    .three
    {
       background: #069;
    }
    ho scritto il codice direttamente qui, vedi un po' se funziona.

  3. #3
    MAGÑIFICO ..


    grazie mille !
    a buon rendere

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.