Creare diversi Layout di talella con css esterno

**fzr91** · 05-09-2008, 16:26

Dovrei mettere delle tabelle con stili differenti, ora come faccio a settare i campi comuni (ad esempio caption) con stili diversi in un CSS ESTERNO?, ho provato

.table1 {
border-collapse: collapse;
border: 1px solid #38160C;
font: normal 11px verdana, arial, helvetica, sans-serif;
color: #F6ECF0;
background: #641B35;
}
.caption1 {
text-align: left;
font: normal 11px verdana, arial, helvetica, sans-serif;
background: transparent;
}
.td1, th1 {
border: 1px dashed #B85A7C;
padding: .8em;
color: #F6ECF0;
}
.table2 {
border-collapse: collapse;
border: 1px solid #38160C;
font: normal 11px verdana, arial, helvetica, sans-serif;
color: #F6ECF0;
background: #641B35;
}
.caption2 {
text-align: left;
font: normal 11px verdana, arial, helvetica, sans-serif;
background: transparent;
}
.td2, th2 {
border: 1px dashed #B85A7C;
padding: .8em;
color: #F6ECF0;
}

Ma non funziona come vorrei, ad esempio per table2, mi perde i .td2, th2 (credo che però questi non si possano mettere insieme) e caption2, in pratica se assegno lo stile alla tabella prende solo quello che c'è in table2 mentre io vorrei che ereditasse anche tutte le proprietà dei td, th , ecc.) stesso discorso per table1, invece se metto table e basta mi eredita ovviamente tutte le proprietà per tutte le tabelle
Spero di essermi spiegato e ringrazio anticipatamente

**gengix** · 05-09-2008, 16:49

Non vedendo il codice di struttura diventa difficile aiutarti, posta anche quello.

**fzr91** · 05-09-2008, 16:50

Ho messo tutto in un div in questo modo:
div#tabella table {
border-collapse: collapse;
border: 1px solid #38160C;
font: normal 11px verdana, arial, helvetica, sans-serif;
color: #F6ECF0;
background: #641B35;
}
div#tabella caption {
text-align: left;
font: normal 11px verdana, arial, helvetica, sans-serif;
background: transparent;
}
div#tabella td, th {
border: 1px dashed #B85A7C;
padding: .8em;
color: #F6ECF0;
}
Visivamente il risultato è come lo volevo , ma è corretto o c'è un modo più pratico?
Graizie

**gengix** · 05-09-2008, 16:55

Quello è ancora codice css, devi postare il codice html:

es:

codice:

<body>
	<table>
		<caption>....</caption>
		.....
                ....
	</table>
</body>

Discussione: Creare diversi Layout di talella con css esterno

Strumenti discussione

Ricerca discussione

Visualizza

Creare diversi Layout di talella con css esterno

Permessi di invio