diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-01-01 23:40:52 +0100 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-01-01 23:40:52 +0100 |
| commit | 5ea943a5e789222472e45864e119cf786498bfcd (patch) | |
| tree | ea307589de0fdb202474ad4d07c0bef7fe1c53e8 /old/test/tables/per4.html | |
Import original dillo.org website into old/
Diffstat (limited to 'old/test/tables/per4.html')
| -rw-r--r-- | old/test/tables/per4.html | 235 |
1 files changed, 235 insertions, 0 deletions
diff --git a/old/test/tables/per4.html b/old/test/tables/per4.html new file mode 100644 index 0000000..e34eee2 --- /dev/null +++ b/old/test/tables/per4.html @@ -0,0 +1,235 @@ +<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'> +<html> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> +<title>Test</title> +</head> + +<body leftmargin="0" topmargin="0"> + <h2 align=center>Percentage/Percentage tables</h2> + + <h3>100% in columns</h3> + width=100% with td width in percentage<br> + <table width='100%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <tr> <td colspan="2" bgcolor=teal>1 2 3 4 5 6 7 8 9 10 + <td>B + </table> + + width=80% with td width in percentage<br> + <table width='80%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <tr> <td colspan="2" bgcolor=teal>1 2 3 4 5 6 7 8 9 10 + <td>B + </table> + + width=50% with td width in percentage<br> + <table width='50%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <tr> <td colspan="2" bgcolor=teal>1 2 3 4 5 6 7 8 9 10 + <td>B + </table> + + width=200% with td width in percentage<br> + <table width='200%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <tr> <td colspan="2" bgcolor=teal>1 2 3 4 5 6 7 8 9 10 + <td>B + </table> + <hr> + <h3>100% in columns, with extra auto column</h3> + width=100% with td width in percentage<br> + <table width='100%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <td> e x + <tr> <td colspan="2" bgcolor=cyan>1 2 3 4 5 6 7 8 9 10 + <td colspan="2">B + </table> + + width=80% with td width in percentage<br> + <table width='80%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <td> e x + <tr> <td colspan="2" bgcolor=cyan>1 2 3 4 5 6 7 8 9 10 + <td colspan="2">B + </table> + + width=50% with td width in percentage<br> + <table width='50%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <td> e x + <tr> <td colspan="2" bgcolor=cyan>1 2 3 4 5 6 7 8 9 10 + <td colspan="2">B + </table> + + width=200% with td width in percentage<br> + <table width='200%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td width='10%'>10% + <td> e x + <tr> <td colspan="2" bgcolor=cyan>1 2 3 4 5 6 7 8 9 10 + <td colspan="2">B + </table> + + <h3>Less than 100% in columns</h3> + width=100% + <table width='100%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + </table> + width=100% + <table width='100%' border=1> + <tr> <td width='50%' bgcolor=lightblue>50% + <td width='20%'>20% + </table> + width=100% + <table width='100%' border=1> + <tr> <td width='100' bgcolor=lightgreen>ABS=100 + <td width='50%' bgcolor=lightblue>50% + <td width='20%'>20% + </table> + width=80% + <table width='80%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + </table> + width=50% + <table width='50%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + </table> + width=200% + <table width='200%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + </table> + + <h3>Less than 100% in columns with extra column</h3> + width=100% + <table width='100%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td> e x + </table> + width=100% + <table width='100%' border=1> + <tr> <td width='50%' bgcolor=lightblue>50% + <td width='20%'>20% + <td> e x + </table> + width=80% + <table width='80%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td> e x + </table> + width=50% + <table width='50%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td> e x + </table> + width=200% + <table width='200%' border=1> + <tr> <td width='70%'>70% + <td width='20%'>20% + <td> e x + </table> + + width=80% + <table width='80%' border=1> + <tr> + <td width="90%">90% + <td>very-long-word + <td>some-extra-text + </table> + width=80% + <table width='80%' border=1> + <tr> + <td width="25%">25% + <td>very-long-word + <td>some-extra-text + </table> + + <h3>More than 100% in columns</h3> + width=100% + <table width='100%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + </table> + width=80% + <table width='80%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + </table> + width=50% + <table width='50%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + </table> + width=200% + <table width='200%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + </table> + + <h3>More than 100% in columns with extra column</h3> + width=100% + <table width='100%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + <td> e x + </table> + width=80% + <table width='80%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + <td> e x + </table> + width=50% + <table width='50%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + <td> e x + </table> + width=200% + <table width='200%' border=1> + <tr> <td width='50%'>50% + <td width='20%'>20% + <td width='20%'>20% + <td width='50%'>50% + <td> e x + </table> + +</body> +</html> |