tabella fatta con i css

[pierfrac]

vorrei realizzare un css pe rgenerare una tabella. Veramente è la prima volta che uso i css per questo fine, ma sono curioso:

Sostanzialmente avrò ad esempio una intestazione di tabella e le seguenti righe

avrei scritto così

<table height....>
 <tr>
  <th></th>
  <th></th>
</tr>
 <tr>
  <td></td>
  <td></td>
</tr>
</table>

come posso rendere la stessa cosa con i css?
grazie!!! pf

[Pasco]

<table id="tabella">
 <tr id="riga1">
  <th></th>
  <th></th>
</tr>
 <tr id="riga2">
  <td></td>
  <td></td>
</tr>
</table>

poi nel css:

table#tabella { height: 100px; background-color: #0C0; }

tr#riga1 { specifiche }

tr#riga2 td { specifiche }

niente di più semplice

[pierfrac]

scusa il ritardo ma c'era traffico!!

vorrei proprio non mettere nessuna tabella quindi vorrei generare dei blocchi che la simulino.

Non so se sono stato chiaro!!

[Pasco]

le tabelle puoi emularle graficamente utilizzando <div> e <span> , ma è la cosa più sbagliata che puoi fare , le tabelle sono state ideate per mettere al loro interno dei dati e quindi avere una distribuzioni di essi nel modo più corretto .

questo codice emula a livello visuale una tabella:

   <div id="sinistra">
        <div class="riga1">sin-riga1</div>
        <div class="riga2">sin-riga2</div>
    </div>
    <div id="destra">
        <div class="riga1">des-riga1</div>
        <div class="riga2">des-riga2</div>
    </div>

nel CSS:

div#sinistra { float: left; }
	
div#destra { float: left; }
	
div.riga1 { margin: 2px; padding: 5px; background-color: #222; }
	
div.riga2 { margin: 2px; padding: 5px; background-color: #444; }

ma non sarà mai una tabella...

[pierfrac]

concordo con te ma sai come funziona!!!
comunque provo, ti ringrazio
PF

[blakwolf]

una guida completa alle tabelle con tutte le soluzioni

http://www.lucamascaro.info/articoli.tabelle.xsp

[pierfrac]

perché
"#" e poi "."
div#sinistra { float: left; }
div.riga1

[Pasco]

Originariamente inviato da blakwolf
una guida completa alle tabelle con tutte le soluzioni

http://www.lucamascaro.info/articoli.tabelle.xsp

Complimenti , ho imparato altre cose

P.S: l'ext .xsp è apache cocoon o php con ext personalizzata?

[Pasco]

Originariamente inviato da pierfrac
perché
"#" e poi "."
div#sinistra { float: left; }
div.riga1

a mio avviso dovresti leggerti la guida di base sui CSS --> html.it/css

[pierfrac]

dimmi se ho capito
praticamente
div#sinistra { float: left; } è padre
div.riga1 figlio de padre è