emulare una struttura tabellare

[thitan]

ciao, sono nuovo del mondo css..
finora li ho usati solo per definire i class (dimensione, font e colore del testo, niente di più )

mi stò leggendo ora le guide basi..


ora, io dovrei avere una struttura identica a quella che allego, dove con una tabella definivo per ogni td la percentuale del width...

coi css è possibile?

nella mia ignoranza, ho provato ad abozzare questo:

li{display:inline;margin: 0;padding: 0:}

<ul>[*]1[*]2[*]3[*]4[*]5[*]6[*]7[*]8[/list] 

il che potrebbe anche andare, se ci fosse il modo di dare un nome (o un class..mbho) a ogni[*] ed ad esso associare una width in percentuale...

è possibile o non ho capito una mazza di quel poco che ho letto sui css?

[blekm]

tu stai cercando di creare una griglia contenente dati tabellari, giusto?

Le tabelle fanno al caso tuo, questo è l'unico caso.

I css devi usarli per i layout (in generale), ma se devi intabellare dati, devi usare le tabelle.

[thitan]

Originariamente inviato da blekm
tu stai cercando di creare una griglia contenente dati tabellari, giusto?

Le tabelle fanno al caso tuo, questo è l'unico caso.

I css devi usarli per i layout (in generale), ma se devi intabellare dati, devi usare le tabelle.

si in effetti mi stò rendendo conto che tanto vale, la struttura con i <ul> e[*] la userei nello stesso modo dei table tr e td

una cosa però, ho visto che i css li posso definire anche per i td:

td#primo{width:20%;border-width:0px 1px 0px 0px; border-style:dotted; border-color:#999999;}
td#secondo{width:20%;border-width:0px 1px 0px 0px; border-style:dotted; border-color:#999999;}
td#terzo{width:20%;border-width:0px 1px 0px 0px; border-style:dotted; border-color:#999999;}
td#quarto{width:20%;border-width:0px 1px 0px 0px; border-style:dotted; border-color:#999999;}
td#quinto{width:20%;border-width:0px 1px 0px 0px; border-style:dotted; border-color:#999999;}

<table>
<tr>
    <td id="primo">1</td>
    <td id="secondo">2</td>
    <td id="terzo">3</td>
    <td id="quarto">4</td>
    <td id="quinto">5</td>
</tr>
</table> 

(lascia stare i bordi che sono prove a caso )

se al posto del 20% metto un valore in px lo prende... ma non c'è proprio verso di fargli prendere i valori in percentuale?



edit: FERMA TUTTO SONO UN PIRLA
se non gli metto la percentuale nel <table> come spero che me la prenda nel td?
risolto

[gengix]

table
{
table-layout:fixed;
width:100%; /*imposta una width per la tabella*/
}
table td
{
width:20%;
border-width:0px 1px 0px 0px;
border-style:dotted;
border-color:#999;
}

[thitan]

Originariamente inviato da gengix
table
{
table-layout:fixed;
width:100%; /*imposta una width per la tabella*/
}
table td
{
width:20%;
border-width:0px 1px 0px 0px;
border-style:dotted;
border-color:#999;
}

si proprio questo intendevo, mi sono reso conto che non funzionava perchè avevo dimenticato di puntare il width della tabella..

grazie!

[thitan]

..già che ci sono..

io ora devo elaborare una struttura del genere:

<table>

<tr>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>

<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>

<tr>
<td>c</td>
<td>c</td>
<td>c</td>
</tr>

</table> 

e comando i css del table, del tr e del td tramite il css..

tuttavia, nella stessa pagina, io avrò diverse tabelle, ognuna con regole css diverse...

per risolvere questo problema, il metodo migliore è mettere tutte le tabelle dentro un div diverso, e poi puntarle così :

div#tipoTabella1 table{[...]}
div#tipoTabella1 td{[...]}

div#tipoTabella2 table{[...]}
div#tipoTabella2 td{[...]} 

giusto?

se si, al posto dell'id del div, ci posso mettere un class?
o qualcosa che mi permetta di dirgli di usare gli stessi stili, ma senza tirare in ballo gli id?

non mi và di avere due o più div nella stessa pagina con lo stesso id (anche perchè sono quasi sicuro sia un errore)

quindi la sintassi

<div class="tab1">
[mia tabella1]
</div>
<div class="tab2">
[mia tabella2]
</div>
<div class="tab1">
[mia tabella3]
</div> 

funzionerebbe? eventuali problemi?

[gengix]

Nessun problema, il discorso della classe è giusto.
Visto che devi settare diverse tabelle e di conseguenza scrivere parecchio codice io nn anniderei le tabelle dentro dei div, scriverei semplicemente:

<table id="tab1">
<tr>
<td></td>
</tr>
</table>

<table id="tab2">
<tr>
<td></td>
</tr>
</table>

css:
#tab1
{
}
#tab1 td
{
}

ecc..In realtà inserire un div che li contiene a mio avviso è scrivere del codice in più che nn cambierebbe il risultato finale.

[thitan]

Originariamente inviato da gengix
Nessun problema, il discorso della classe è giusto.
Visto che devi settare diverse tabelle e di conseguenza scrivere parecchio codice io nn anniderei le tabelle dentro dei div, scriverei semplicemente:

<table id="tab1">
<tr>
<td></td>
</tr>
</table>

<table id="tab2">
<tr>
<td></td>
</tr>
</table>

css:
#tab1
{
}
#tab1 td
{
}

ecc..In realtà inserire un div che li contiene a mio avviso è scrivere del codice in più che nn cambierebbe il risultato finale.

si i div sono solo codice in più..

ma nel caso in cui ho 2 tabelle che devono avere gli stessi stili css?
non posso dargli lo stesso id..
poi conta che sono pagine che hanno molte funzionalità js e ajax, quindi meno id utilizzo per i css meglio è..
se invece dell'id metto tutto in un class e alla tabella dò semplicemente
<table class="mioClassTabella1">
sò che funziona.. mi sà che farò così..

tanto anche usando l'id risparmierei poco codice: ogni td (a seconda del contenuto) avrà il suo stile diverso..

grazie! putroppo mi sà che tornerò spesso su questo forum.. devo rifare il css per un'applicazione abbastanza vasta che, finora, l'usava solo per le definizioni font

[gengix]

Il forum è fatto per questo =)