Lass uns Ed eine grössere Zelle geben , da er seit Anfang an hier ist.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=80%>Ed</TD> <TD WIDTH=20%>Tom</TD> </TR> </TABLE>
Ed | Tom |
Jetzt ist Rick wieder da und möchte natürlich auch seine eigene Zelle. Wir müssen entscheiden, wieviel Platz wir ihm geben. Ich denke, 20% sind fair. Du musst auch Eds Zelle anpassen.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> </TABLE>
Ed | Tom | Rick |
Drei Typen von der anderen Strassenseite sehen, was hier passiert und wollen auch in Deiner Tabelle sein. Ich denke, wir geben ihnen eine neue Zeile.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly | Moe |
Die Weiten- ( WIDTH) Attribute der ersten Zeile werden in die zweite Zeile übernommen.
Wenn Moe geht, haben wir immer noch eine perfekte Tabelle, sie hat nur einen leeren Fleck.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75> <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly |
Was wir jetzt machen können, damit der Browser nicht raten muss, ist, die leere Zelle drin zu lassen und ein Leerzeichen ( ) hineinzuschreiben. Für eine einfache Tabelle ist dies nicht unbedingt notwendig, wenn aber Deine Tabellen umfangreicher werden, hast Du weniger Arbeit, wenn der Browser weniger rechnen muss.
<TABLE BORDER=3 WIDTH=300 HEIGHT=75 > <TR> <TD WIDTH=60%>Ed</TD> <TD WIDTH=20%>Tom</TD> <TD WIDTH=20%>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD> </TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly |
Lass und Moe wieder reinschreiben und alle Attribute ausser dem Rand (BORDER) entfernen.
<TABLE BORDER=3> <TR> <TD>Ed</TD> <TD>Tom</TD> <TD>Rick</TD> </TR> <TR> <TD>Larry</TD> <TD>Curly</TD> <TD>Moe</TD> </TR> </TABLE>
Ed | Tom | Rick |
Larry | Curly | Moe |