mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-01-13 07:24:47 +00:00
*** empty log message ***
This commit is contained in:
parent
3aa831cc71
commit
f080cc117a
@ -5,26 +5,26 @@
|
||||
|
||||
<body bgcolor="#FFFFFF">
|
||||
<h1>Example 3: Basic Tables</h1>
|
||||
<h2>Simple</h2>
|
||||
<h2>Simple table, 75% width, border=1</h2>
|
||||
<table border="1" width="75%">
|
||||
<tr>
|
||||
<td bgcolor="#3399FF">One</td>
|
||||
<td bgcolor=blue>cell bg</td>
|
||||
<td>Two</td>
|
||||
<td>Three</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Four</td>
|
||||
<td>Five</td>
|
||||
<td>Six</td>
|
||||
<td align=left>left</td>
|
||||
<td align=center>center</td>
|
||||
<td align=right>right</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Seven</td>
|
||||
<td>Eight</td>
|
||||
<td bgcolor="#990033">Nine</td>
|
||||
<tr bgcolor=yellow>
|
||||
<td height=50>row bg</td>
|
||||
<td valign=top>top</td>
|
||||
<td valign=bottom>bottom</td>
|
||||
</tr>
|
||||
</table>
|
||||
<h2>Row Span</h2>
|
||||
<table border>
|
||||
<h2>Row Span, auto width table, border=5</h2>
|
||||
<table border=5>
|
||||
<tr>
|
||||
<td rowspan=2 >c0r[0-1] Data 1 span=2 rows</td>
|
||||
<td >c0r0</td>
|
||||
@ -69,7 +69,7 @@
|
||||
<td >c1r9</td>
|
||||
</tr>
|
||||
</table>
|
||||
<h2>Col Span</h2>
|
||||
<h2>Col Span auto width table</h2>
|
||||
<table border >
|
||||
<tr>
|
||||
<td colspan=8>r0c[0-7], span=8</td>
|
||||
|
@ -111,7 +111,7 @@ layout. This should be long enough.</TD>
|
||||
|
||||
<TD>Stuff to test out table cell layout. This should be long enough.</TD>
|
||||
|
||||
<TD><THREED>3-D Text</THREED></TD>
|
||||
<TD>more text</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
@ -134,7 +134,7 @@ layout. This should be long enough.</TD>
|
||||
|
||||
<TD>Stuff to test out table cell layout. This should be long enough.</TD>
|
||||
|
||||
<TD><THREED>3-D Text</THREED></TD>
|
||||
<TD>more text</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
|
@ -12,7 +12,7 @@ PRE { color:red; }
|
||||
<PRE>Resize document for maximum effect</PRE>
|
||||
|
||||
<br>
|
||||
<h2>Tables with spans nested 8 levels deep</h2>
|
||||
<h2>Auto-width tables with spans nested 8 levels deep</h2>
|
||||
<table border=1 bgcolor=red>
|
||||
<TR><TD>Cell</TD><TD COLSPAN=2 ROWSPAN=2><table border=1 bgcolor=lightblue>
|
||||
<TR><TD>Cell</TD><TD COLSPAN=2 ROWSPAN=2><table border=1 bgcolor=lightgreen>
|
||||
@ -53,6 +53,282 @@ PRE { color:red; }
|
||||
<TR><TD>Cell</TD></TR>
|
||||
<TR><TD>Cell</TD><TD> Cell, and stuff to test out table cell layout. This should be long enough for testing.</TD><TD>Cell</TD></TR>
|
||||
</table>
|
||||
<br>
|
||||
<h2>100% width tables nested 6 levels deep</h2>
|
||||
<TABLE BORDER WIDTH="100%" BGCOLOR=yellow >
|
||||
<TR>
|
||||
<TD>Cell one</TD>
|
||||
|
||||
<TD>Cell2</TD>
|
||||
|
||||
<TD>Cell 3</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>Cell 4</TD>
|
||||
|
||||
<TD>Cell 5</TD>
|
||||
|
||||
<TD>Cell 6</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<TABLE WIDTH="100%" BGCOLOR=lightgrey >
|
||||
<TR>
|
||||
<TD>1</TD>
|
||||
|
||||
<TD>2</TD>
|
||||
|
||||
<TD>3</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>4</TD>
|
||||
|
||||
<TD>
|
||||
<TABLE BORDER WIDTH="100%" BGCOLOR=lightblue >
|
||||
<TR>
|
||||
<TD>1</TD>
|
||||
|
||||
<TD>
|
||||
<TABLE BORDER WIDTH="100%" BGCOLOR=red >
|
||||
<TR>
|
||||
<TD>1</TD>
|
||||
|
||||
<TD>2</TD>
|
||||
|
||||
<TD>3</TD>
|
||||
|
||||
<TD>4</TD>
|
||||
|
||||
<TD>5</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>6</TD>
|
||||
|
||||
<TD>7</TD>
|
||||
|
||||
<TD>
|
||||
<TABLE BORDER WIDTH="100%" BGCOLOR=green >
|
||||
<TR>
|
||||
<TD>a</TD>
|
||||
|
||||
<TD>b</TD>
|
||||
|
||||
<TD>c</TD>
|
||||
|
||||
<TD>d</TD>
|
||||
|
||||
<TD>e</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>f</TD>
|
||||
|
||||
<TD>g</TD>
|
||||
|
||||
<TD>h</TD>
|
||||
|
||||
<TD>i</TD>
|
||||
|
||||
<TD>j</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>k</TD>
|
||||
|
||||
<TD>l</TD>
|
||||
|
||||
<TD>
|
||||
<TABLE BORDER WIDTH="100%" BGCOLOR=purple >
|
||||
<TR>
|
||||
<TD>a</TD>
|
||||
|
||||
<TD>b</TD>
|
||||
|
||||
<TD>c</TD>
|
||||
|
||||
<TD>d</TD>
|
||||
|
||||
<TD>e</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>f</TD>
|
||||
|
||||
<TD>g</TD>
|
||||
|
||||
<TD>h</TD>
|
||||
|
||||
<TD>i</TD>
|
||||
|
||||
<TD>j</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>k</TD>
|
||||
|
||||
<TD>l</TD>
|
||||
|
||||
<TD>
|
||||
<TABLE BORDER WIDTH="100%" BGCOLOR=orange >
|
||||
<TR>
|
||||
<TD>a</TD>
|
||||
|
||||
<TD>b</TD>
|
||||
|
||||
<TD>c</TD>
|
||||
|
||||
<TD>d</TD>
|
||||
|
||||
<TD>e</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>f</TD>
|
||||
|
||||
<TD>g</TD>
|
||||
|
||||
<TD>h</TD>
|
||||
|
||||
<TD>i</TD>
|
||||
|
||||
<TD>j</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>k</TD>
|
||||
|
||||
<TD>l</TD>
|
||||
|
||||
<TD>m</TD>
|
||||
|
||||
<TD>n</TD>
|
||||
|
||||
<TD>o</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>p</TD>
|
||||
|
||||
<TD>q</TD>
|
||||
|
||||
<TD>r</TD>
|
||||
|
||||
<TD>s</TD>
|
||||
|
||||
<TD>t</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>u</TD>
|
||||
|
||||
<TD>v</TD>
|
||||
|
||||
<TD>w</TD>
|
||||
|
||||
<TD>x</TD>
|
||||
|
||||
<TD>y</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
|
||||
<TD>n</TD>
|
||||
|
||||
<TD>o</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>p</TD>
|
||||
|
||||
<TD>q</TD>
|
||||
|
||||
<TD>r</TD>
|
||||
|
||||
<TD>s</TD>
|
||||
|
||||
<TD>t</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>u</TD>
|
||||
|
||||
<TD>v</TD>
|
||||
|
||||
<TD>w</TD>
|
||||
|
||||
<TD>x</TD>
|
||||
|
||||
<TD>y</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
|
||||
<TD>n</TD>
|
||||
|
||||
<TD>o</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>p</TD>
|
||||
|
||||
<TD>q</TD>
|
||||
|
||||
<TD>r</TD>
|
||||
|
||||
<TD>s</TD>
|
||||
|
||||
<TD>t</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>u</TD>
|
||||
|
||||
<TD>v</TD>
|
||||
|
||||
<TD>w</TD>
|
||||
|
||||
<TD>x</TD>
|
||||
|
||||
<TD>y</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD>
|
||||
|
||||
<TD>9</TD><TD>0</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>a</TD><TD>b</TD><TD>c</TD><TD>d</TD><TD>e</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>f</TD><TD>g</TD><TD>h</TD><TD>i</TD><TD>j</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>k</TD><TD>l</TD><TD>m</TD><TD>n</TD><TD>o</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD><TD>3</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>4</TD><TD>5</TD><TD>6</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>7</TD><TD>8</TD><TD>9</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD><TD>6</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>7</TD><TD>8</TD><TD>9</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
</TD><TD>8</TD><TD>9</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user