Wenn Sie Tabellen für das Seitenlayout verwenden (ein Nein-Nein in XHTML, werden Sie wahrscheinlich zusätzlichen Platz in Ihren Layouts hinzufügen. Um dieses Problem zu beheben, müssen Sie sowohl Ihre HTML-Tabellendefinition als auch die Besonderheiten von HTML überprüfen maßgebendes Stylesheet.
HTML-Tabellendefinition
Das HTML-Tag für Tabellen hat standardmäßig keinen Einfluss auf einige Abstandsanforderungen. Überprüfen Sie drei Punkte zum Tag "table" in Ihrem HTML-Dokument:
- Ist das Cellpadding-Attribut in Ihrer Tabelle auf 0 gesetzt?
-
Zellauffüllung = "0"
-
- Ist das Cellspacing-Attribut in Ihrer Tabelle auf 0 gesetzt?
-
Zellabstand = "0"
-
- Gibt es Leerzeichen vor oder nach Ihrem Inhalt und den Tags der Tabelle?
Nummer 3 ist der Kicker. Viele HTML-Editoren bevorzugen es, den Code so zu verteilen, dass er leicht lesbar ist. Viele Browser interpretieren diese Registerkarten, Leerzeichen und Zeilenumbrüche jedoch als gewünschten zusätzlichen Platz in Ihren Tabellen. Entfernen Sie das Leerzeichen um Ihre Tags und Sie erhalten knackigere Tabellen.
Style Sheets
Möglicherweise ist jedoch nicht der HTML-Code deaktiviert. Cascading Style Sheets steuern einige Anzeigeattribute von Tabellen. Je nach Seite haben Sie möglicherweise absichtlich tabellenspezifisches CSS hinzugefügt.
Scannen Sie die maßgebliche CSS-Datei nach einem der folgenden Werte in der Tabelle ,' ' th "oder ' td " Eigenschaften und nach Bedarf anpassen:
- Rand: Bestimmt die Attribute einer Tabelle oder eines Zellenrahmens
- Grenzzusammenbruch: Behandelt angrenzende Ränder als Einheit, um doppelte Randbreiten zu vermeiden
- Polsterung: Bietet Leerzeichen in Pixeln um jede Zelle
- Textausrichtung: Bestimmt die Ausrichtung von Text innerhalb der Zelle
- Randabstand: Legt den Abstand zwischen Zellen in Pixel fest
Alternativen
Obwohl Sie immer noch HTML-Tabellen verwenden können (der Standard ist in heutigen Browsern allgemein etabliert und wird allgemein unterstützt), verwendet das modernste responsive Webdesign Cascading Stylesheets, um Elemente auf einer Seite zu platzieren. Tabellen sind immer noch sinnvoll, da sie ursprünglich für die Anzeige tabellarischer Daten vorgesehen sind. Wenn Sie jedoch das Layout und den Inhalt einer Seite organisieren möchten, können Sie stattdessen das CSS-Layout verwenden.
