Tabella con i css

[lughino]

Ciao a tutti,
premetto che ho letto fino a vomitare tutte le guide per le tabelle con i css ma non sono mai riuscito a fare qualcosa di decente, o meglio, non sono riuscito a fare quello che avevo visto.
Ho allegato un immagine di quello che vorrei fare.
So di chiedere molto, ma non comprendo proprio come fare per creare questa tabella con tutti gli angoli arrotondati e con l'intestazione a sinistra.
Vi ringrazio ciao

 

[borgo italia]

ciao
anche se hai fatto indegestione leggiti quest'articolo
http://blog.mrwebmaster.it/2010/04/11/gestire-bordi-tabelle-css.html

comunque per ora, da quello che ho visto, i bordi arrotondati sono fatto con immagini
attualmente con i nuovi (e break-booll) di html5 e css3 si possono ottenere, ma i brow che li upportano sono pochi e, credo, il più diffuso IE no

 

[lughino]

Ti ringrazio per la risposta.
Allora ora ho fatto questo:
css:

table.tabella {
	table-layout: fixed;
	width: 862px;
	background: Silver;
	margin: 15px;
	border-collapse:collapse;
}

html:

<table class="tabella">
<caption>CARATTERISTICHE</caption>
<tr><td>Inserito il<td><td>08/10/1982</td><td>Superficie</td><td>180 mq</td><td>Terrazza</td><td>Si</td><td>Posto auto</td><td>Si</td><td>Giardino</td><td>Si</td></tr>
<tr><td>Condizionatore<td><td>Si</td><td>Piano</td><td>4</td><td>Box</td><td>Si</td><td>Ascensore</td><td>Si</td><td>Bagni</td><td>1</td></tr>
</table>

Ma purtroppo ottengo il risultato nell'immagine che allego.
Non capisco come fare a spaziare le celle in maniera uniforme per tutti, insomma come nella foto esempio del primo post.
Poi va bene fare un passo alla volta, ma proprio non mi capacito di come fare per mettere la linea tratteggiata su ogni riga..
Grazie

 

[borgo italia]

ciao
nel css prova ad aggiungere

td{
width: 50px;/*deve essere uguale a largezza tabella / numero colonne */
border-bottom-width: 1px;
border-bottom-style:dashed;
border-bottom-color:#CCCCCC;
border-top-width: 1px;
border-top-style:dashed;
border-top-color:#CCCCCC;
}

ti fa i bordi .....................

dimenticavo
controlla che il colore dei bordi sia diverso dal background della tabella, altrimenti non li vedi

 

[lughino]

Ti ringrazio,
mi sapresti dire come fare per avere nell'ultima cella la distanza come quello dell'inizio?
Grazie

 

[borgo italia]

ciao
modifica quello che ti avevo mandata eliminando width
td{
border-bottom-width: 1px;
border-bottom-style:dashed;
border-bottom-color:#CCCCCC;
border-top-width: 1px;
border-top-style:dashed;
border-top-color:#CCCCCC;
}
poi devi fare una class per ogni cella che vuoi definetire la larghezza, es

.w35{width = 35px;}
.w60{width = 35px;}
eccetera.....
poi
<table..><tr><td ckass=w6o>pinco pallo</td><td class=w35> ...eccetera...

così puoi dare ad ogni colonna la larghezza che vuoi

ricordati la somma dei width in px delle celle = largezza della tabella, oppure metti la larghezza in %, in tal caso la somma deve fare 100 indipendentemente dalla larghezza della tabella

.w35{width = 15%;}