creare una tabella con i div

[saltodifondi]

salve, esiste un modo con i css per creare una tabella?

ad esempio per creare una tabella di 2 righe e 4 colonne:
dovrei fare una cosa del genere

<div id="tab" class="tabella">
     <div id="r1" class="riga">
          <div id="c1" class="cella"></div>
          <div id="c2" class="cella"></div>
          <div id="c3" class="cella"></div>
          <div id="c4" class="cella"></div>
     </div>
     <div id="r2" class="riga">
          <div id="c5" class="cella"></div>
          <div id="c6" class="cella"></div>
          <div id="c7" class="cella"></div>
          <div id="c8" class="cella"></div>
     </div>
</div>

[fcaldera]

Se vuoi usare una tabella per dati realmente tabellari non conviene usare una struttura div anche perchè perdi la possibilità di creare relazioni tra righe e colonne. I tag vanno usati in base al loro significato

Ad ogni modo se il tuo è un'esperimento, cosa non ti soddisfa della soluzione che hai presentato?

Solo mi sembra ridondante applicare una classe "cella" e "riga" a tutti i div cella visto che li puoi identificare con le regole

.tabella div

e

.tabella div div

[saltodifondi]

bhè, sto sviluppando un esplora risorse con drag & drop per spostare files e cartelle.
purtroppo utilizzando i normali table tr e td trovo molta difficoltà perchè non sono elementi DRAGGABILI o DROPPABILI (passatemi questi due termini). sono convinto che utilizzando dei div nidificati riuscirei a gestire la cosa + semplicemente.

purtroppo non sono ferrato in css, e non riesco a creare una visualizzazione tabulare delle risorse esplorate usando i soli div.

[Another-Life]

mai pensato di leggere le guide sui Css??...non credo sia un linguaggio complesso,percui basta dedicarsi un minimo .

[saltodifondi]

non ci riesco

<style type="text/css">
<!--
.cella {
	height: auto;
	width: 100px;
	display: inline;
	position: relative;
	border: none;
}
-->
</style>
<div id="tab" class="tabella">
     <div id="r1" class="riga">
          <div id="c1" class="cella"></div>
          <div id="c2" class="cella"></div>
          <div id="c3" class="cella"></div>
          <div id="c4" class="cella"></div>
     </div>
     <div id="r2" class="riga">
          <div id="c5" class="cella"></div>
          <div id="c6" class="cella"></div>
          <div id="c7" class="cella"></div>
          <div id="c8" class="cella"></div>
     </div>
</div>

il risultato è una specie di tabella,(visualizzata da DWeaver) ma non proprio come una tabella,
mentre visualkizzata da browser (IE, F.Fox) si perde anche la larghezza delle celle.

potete darmi una mano?

[Another-Life]

!!....mi sa che parlo cinese....

[Mich_]

Nei blocchi inline, non vengono accettate le dimensioni.
Togli il display, e sostituiscilo con il float:left; E togli anche il position.
Poi metti il clear nella classe .riga

[saltodifondi]

Originariamente inviato da Another-Life
!!....mi sa che parlo cinese....

hai un link?

Originariamente inviato da Mich_
Nei blocchi inline, non vengono accettate le dimensioni.
Togli il display, e sostituiscilo con il float:left; E togli anche il position.
Poi metti il clear nella classe .riga

facendo come dici si vede tutto su un'unica colonna

[Mich_]

Mi sa che non hai capito cosa intendevo:

.riga {
	clear: left;
}
.cella {
	height: auto; /* forse va modificato */
	width: 100px;
	float: left;
	border: none;
}

Metti anche qualcosa dentro le celle (almeno uno spazio vuoto), altrimenti i browser possono ignorare il tag.

[Another-Life]

hai un link??

si...qui .