Vinzenz Mai: Zellenabstand in der Tabelle weiter verkleiner

Beitrag lesen

SELF-Forum

Zellenabstand in der Tabelle weiter verkleiner

Vinzenz Mai
– Informationen zu den Bewertungsregeln

Hallo

Ich bin dabei ein HTML-Dokument zur weiterverarbeitung als Skelett zu verwenden.

das ist grundsätzlich gesehen eine gute Idee.

Ich bin dabei auf das Problem gestoßen dass die Zellabstände einen Mindestabstand haben den ich irgendwie nicht verkleinern kann.

Browser neigen dazu, ein browserinternes Stylesheet zu haben und dort auch Werte für border, margin und padding.

Ich möchte darauf hinweisen dass eine Tableborder nicht in Frage kommt da nur in Bestimmten Fällen ein Strich erscheinen soll.

Warum versiehst Du nicht Deinen Tabellenkopf mit den entsprechenden Rändern?
Siehe dazu auch SELFHTML,  Kopf, Körper und Fuß einer Tabelle definieren.

gibt es dafür ne Lösung ? habe ich vielleicht etwas übersehen ?

Tipp 1:

<thead>  
    <tr>  
        <th>Anzahl</th>  
        <th>Bezeichnung</th>  
        <th>Einzelpreis</th>  
        <th>Gesammtpreis</th>  
    </tr>  
</thead>

mit folgendem CSS:

  
thead th {  
    border-top: 1px solid grey;  
    border-bottom: 1px solid grex;  
    text-align: left;  
}

sorgt schon mal für passende Linien über und unter dem Tabellenkopf, dazu mit sinnvoller Auszeichnung und Verzicht auf eine überflüssige <hr> über der Tabelle und eine unnötige Tabellenzeile. Außerdem habe ich statt des veralteten Attributes align die Textausrichtung in der Zelle ebenfalls über CSS geregelt.

Tipp 2:
Die Preisangaben solltest Du besser rechtsbündig ausrichten, noch besser wäre die Ausrichtung am Dezimaltrennzeichen.

Tipp 3:
Entsorge veraltete Attribute, die der Darstellung dienen, und ersetze sie durch CSS. Verzichte soweit möglich auf Inline-Styles.

Freundliche Grüße

Vinzenz

Beitrag melden
–
Informationen zu den Bewertungsregeln