Tabelle: diversi stili in un unico css

[bako]

Salve.

ho da creare diverse tipologie di tabelle, es:
- senza bordi
- con i bordi solo sotto
- con i bordi a puntini
etc

ora, come si definisce in un css queste diverse tipologie?

devo definre tramite il #?
es:
- #tabellasenzabordi table{ border: 0px; }
- #tabellabordisotto table{ border-bottom: 1px; }

e usare nell'html:
<div id="tabellasenzabordi">
<table>
....
</table>
</div>

si fa così o c sono altri metodi?

grazie.

[kontrasto]

Il metodo che hai indicato tu può andare. Oppure puoi usare le classi:

<div>
<table class="tabellasenzabordi">
</table>
</div>

e nel CSS:

table.tabellasenzabordi { ... }

[salasir]

In linea di massima, sì.
Ti consiglio, però, di utilizzare la classe anzichè l'ID, perchè se devi inserire più tabelle dello stesso tipo nella stessa pagina, non puoi avere più di un tag con lo stesso "id".

[bako]

domanda stupida, ma non riesco a farla.
come si fa ad avere una tabella con tutti i margini?
una tabella normale per capirci, ma con i margini settati da css.

[salasir]

Devi dare il "border" alle celle ed eventualmente alle righe:

.tabellabordisotto table,
.tabellabordisotto tr,
.tabellabordisotto td
{ border-bottom: 1px; }

[bako]

Originariamente inviato da salasir
Devi dare il "border" alle celle ed eventualmente alle righe:

.tabellabordisotto table,
.tabellabordisotto tr,
.tabellabordisotto td
{ border-bottom: 1px; }

e se fosse da fare con i div e nn con le calssi?

perchè con le calssi nn ho capito se devo mettere il class a table o a tt i componenti.

questo da bordo sotto table, tr e td?

[salasir]

La classe la metti al "table".
Se vuoi utilizzare "ID" è lo stesso (sostituendo "#" al ".") ma hai l'inconveniente che ti dicevo sopra: puoi utilizzare una sola tabella con quell'id per ogni pagina.
Se ne avessi bisogno due, avresti un duplicato di ID che, per definizione, deve essere univoco.