Conversione codice da tabella a css

**riccardone** · 12-12-2004, 19:14

Salve a tutti,

sto cercando di convertire questo codice html fatto con tabelle in una versione xhtml fatta con div e css ma sto incontrando problemi. Qualcuno riesce a farmi se possibile un esempio?
Grazie

codice:

<table border="1" cellpadding="0" cellspacing="0" bordercolor="#999999">
          <tr>
            <td width="40" rowspan="2">

[img]/images/image001.gif[/img]</p></td>
            <td width="300"><table cellspacing="0" cellpadding="0">
                <tr>
                  <td>

Titolo</p></td>
                  <td>

data</p></td>
                </tr>
            </table></td>
            <td width="67"><p align="right">E-mail Sito</p></td>
          </tr>
          <tr>
            <td colspan="2">

ci cici co co cuccuruccucu paloma</p></td>
          </tr>
        </table>

**floyd46** · 12-12-2004, 21:25

ciao
prova a scrivere questo codice:
<style type="text/css">
body, html{
margin:0; padding:0;
text-align:center;
}

#container{
width:600px;
height:42px;
margin:10px auto;
border:1px solid #999;
padding:0px;
}

#sinistra{
width:41px;
height:42px;
margin:0px;
padding:0px;
float:left;
border-right:1px solid #999;
background-color:green;
}

#sopra{
margin-left:-1px;
padding:0px;
height:21px;
border-bottom:1px solid #999;
text-align:left;
}

#sotto{
margin-left:-1px;
padding:0px;
height:21px;
text-align:left;
}

#email{
width:130px;
height:20px;
border-left:1px solid #999;
background-color:#ddd;
text-align:left;
float:right;
}
</style>

<body>

<div id="container">

<div id="sinistra"></div>
<div id="sopra"><div id="email">Email</div></div>
<div id="sotto"></div>

</div>
</body>

vedi cosa viene fuori; ciao

**riccardone** · 12-12-2004, 22:44

Provato e funziona, grazie!

**riccardone** · 13-12-2004, 23:02

Originariamente inviato da riccardone
Provato e funziona, grazie!

umh... guardandoci meglio il codice pur essendomi utile mi lascia irrisolto (o almeno sembra a me) una piccola rogna. A fianco della email come faccio a mettere del testo?
Cmq grazie lo stesso... ora sto provando a fare qualche modifica e magari ne esco fuori da solo.

Discussione: Conversione codice da tabella a css

Strumenti discussione

Ricerca discussione

Visualizza

Conversione codice da tabella a css

Re: Conversione codice da tabella a css

Permessi di invio