Gewusst wie: verhindern, dass eine HTML-Tabelle ändern, Breite & Höhe

April 21

Gewusst wie: verhindern, dass eine HTML-Tabelle ändern, Breite & Höhe

Die meisten HTML-Tabellen werden eingerichtet, ihre Abmessungen zu ändern, um die Größe eines Browser-Fensters anpassen. Aber wenn Sie ganz besonders über die Größe der Zeilen und Zellen sind, müssen Sie Ihren Tisch Breite und Höhe in Pixel definieren. Festlegen von festen Pixelmaßen für Ihre Tabelle wird sichergestellt, dass nichts über in den Rest Ihres Entwurfs blutet.

Anweisungen

1 Beginnen Sie Ihren Tisch mit dem folgenden Code:

< table Width = "400" Height = "100" >

Sie können einen beliebigen Wert für die Zahlen 400 und 100 ersetzen.

2 Erstellen Sie eine Zeile, indem die < tr >-Tag. Ihr Code sollte jetzt wie folgt aussehen:

< table Width = "400" Height = "100" >

< tr >

3 Erstellen Sie Zellen, indem die < td >-Tags. Beispielsweise, wenn Sie zwei Zellen hinzufügen, die 40 und 60 Prozent der Tabelle bzw. einnehmen, würden, wäre der Code wie folgt:

< table Width = "400" Height = "100" >

< tr >

< td Width = "40 %" Height = "100 %" > </td > Beispiel 1

< td Width = "60 %" Height = "100 %" > </td > Beispiel 2

Text "Beispiel" ist, wo der Inhalt der Tabelle eingegeben werden müssen. Wie Sie bereits festgelegten Dimensionen definiert haben, werden hier die Prozentsätze nicht vergrößert oder verkleinert über diese Grenzen hinaus.

4 Ihre Tags hautnah. Dies ist Ihre vollständige Code:

< table Width = "400" Height = "100" >

< tr >

< td Width = "40 %" Height = "100 %" > </td > Beispiel 1

< td Width = "60 %" Height = "100 %" > </td > Beispiel 2

</tr >

< / table >