Zellenabstand in der Tabelle weiter verkleiner

[AlexanderC]

Hi@all

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

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

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

gibt es dafür ne Lösung ? habe ich vielleicht etwas übersehen ?
Wie kann ich den Trennstrich zum Beispiel direkt über die Tableheads und daruntersetzen ?

hier der code

<hr noshade width="625" align="center" size="1">
<table style="font-size:0.8em" align="center" cellspacing="0%" cellpadding="0%">
<colgroup>
<col width="125">
<col width="325">
<col width="75">
<col width="100">
</colgroup>
<tr>
<th align="left">Anzahl</th>
<th align="left">Bezeichnung</th>
<th align="left">Einzelpreis</th>
<th align="left">Gesammtpreis</th>
</tr>
<tr style="margin-top:2px">
<td colspan="4" style="height:2px"><hr noshade width="625" align="center" size="1"></td>
</tr>
<tr>
<td>12 Stck.</td>
<td>Musterartikel</td>
<td>66,00€</td>
<td>792,00€</td>
</tr>

<tr>
<td colspan="4"><hr noshade width="625" align="center" size="1"></td>
</tr>

<tr>
<td>Zwischensumme</td>
<td></td>
<td></td>
<td>1992,50€</td>
</tr>

<tr>
</tr>

<tr>
<td>Mehrwertsteuer</td>
<td></td>
<td>16,00%</td>
<td>307,60</td>
</tr>

<tr>
<td colspan="4"><hr noshade width="625" align="center" size="1"></td>
</tr>

<tr>
<td>
Gesamtbetrag
</td>
<td>
</td>
<td>
</td>
<td>
2230,10€
</td>

<tr>
<td colspan="4"><hr noshade width="625" align="center" size="2"</td>
</tr>

</table>

nochmal zur Info der Trennstrich soll genau über den Tableheads und genau darunter sitzen ,ohne Abstand

Vielen Dank für eure Antworten im Vorraus.

[Sven Schrodt]

Salut!

<hr noshade width="625" align="center" size="1">
<table style="font-size:0.8em" align="center" cellspacing="0%" cellpadding="0%">

Viel Spass noch mit dieser Diskussion;) Ich bin für heute offline..

au relire

Sven aus M.

[Vinzenz Mai]

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

[yusuf]

<style type="text/css">
table {border-collapse:collapse}
</style>