Hallo mathefritz,
.plz{width: 2.5%;} /* Platzhalter 4* 2.5% */ .dt0{width: 30%; border:1px solid black; /* + 3*30.0% = 100% */ vertical-align:top; } .tdtop{color: red; text-align:center; border-bottom: 1px solid black;} .tdmid{ text-align:center; border-bottom: 1px solid black; border-right : 1px solid black; } .tdmdr{ text-align:right ; border-bottom: 1px solid black; border-right : 1px solid black;} .tdrgt{ text-align:center; border-bottom: 1px solid black;} .green{background: lightgreen;}
alles was dort mit border zu tun hat, wird vermutlich durch
table {
border-collapse: collapse;
border: 1px solid black;
}
auch erreicht.
<body style="width:100%;">
Über inline-styles wurde schon ausführlich gesprochen. Warum sind die immer noch drin?
<td class="tdtop">Artikel</td>
wäre gern <th>Artikel</th>
Die vielen Klassenzuweisungen sind mMn. nicht nötig. Zur Breitenangabe kannst du col
-Elemente mit den entsprechenden Klassen verwenden. Die Breiten werden dann auf alle entsprechenden Zellen übertragen. Alternativ geht das auch mit den th
-Elementen.
Warum eine Tabelle innerhalb einer Tabelle ist, erschließt sich mir nicht. (Aus deinem Screenshot geht das jedenfalls nicht hervor.
Dem Screenshot entnehme ich außerdem, dass die Klasse .green
nur dazu dient, jede zweite Zeile anders zu färben. Abgesehen davon, dass es eine präsentationsbezogene Klasse ist, gibt es tr(odd) { background-color: green;}
.
Bis demnächst
Matthias
Rosen sind rot.