layout regression testcase for caption-side, not part of any build

This commit is contained in:
bernd.mielke%snafu.de 2002-10-30 06:31:49 +00:00
parent c9c73378f8
commit 131f0360af
18 changed files with 400 additions and 0 deletions

View File

@ -0,0 +1,17 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 1</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style="width:200px; border:solid green" >
<caption style="width:50px; margin-left:0px;border:solid orange; caption-side:right">
cap</caption>
<tr><td>table</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 10</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style=" border:solid green; width:200px" align="center" >
<caption style="border:solid orange; width:100px" align="left">
caption</caption>
<tr><td>table</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 11</title>
<style type="text/css">
table {border:solid green}
caption{border: solid orange}
</style>
</head>
<body >
<table>
<caption align="left" style="width:50%">cap</caption>
<tr><td>table cell</td></tr>
</table>
</body>
</html>

View File

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 12</title>
<style type="text/css">
table {border:solid green}
caption{border: solid orange}
</style>
</head>
<body >
<table><tr><td>
<table>
<caption align="left" style="width:50%">cap</caption>
<tr><td>table cell foo and bar</td></tr>
</table></td></tr></table>
</body>
</html>

View File

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 13</title>
<style type="text/css">
table {border:solid green}
caption{border: solid orange}
</style>
</head>
<body >
<table align="center">
<caption align="left" style="width:20%">cap</caption>
<tr><td>table cell</td></tr>
</table>
</body>
</html>

View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 14</title>
<style type="text/css">
table {border:solid green}
caption{border: solid orange}
</style>
</head>
<body >
<div style="height:200px; border:solid blue">
<table align="center" style="height:80%">
<caption align="left" style="width:20%; height:50%; vertical-align:bottom">cap</caption>
<tr><td>table cell</td></tr>
</table>
</div>
</body>
</html>

View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 15</title>
<style type="text/css">
table {border:solid green}
caption{border: solid orange}
</style>
</head>
<body >
<table align="center">
<caption align="top" style="width:400px">cap</caption>
<tr><td>table cell</td></tr>
</table>
</body>
</html>

View File

@ -0,0 +1,26 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 16</title>
<style type="text/css">
table {border:solid green}
caption{border: solid orange; caption-side:left; margin:auto}
</style>
</head>
<body >
<table align="center">
<caption style="width:20%">cap</caption>
<tr><td>table cell</td></tr>
</table>
</body>
</html>

View File

@ -0,0 +1,25 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 17</title>
<style type="text/css">
table {border:solid green}
caption{border: solid orange}
</style>
</head>
<body >
<div style="height:200px; border:solid blue">
<table align="center" style="height:30%">
<caption align="left" style="width:20%; height:50%; vertical-align:middle">cap</caption>
<tr><td>table cell</td></tr>
</table>
</div>
</body>
</html>

View File

@ -0,0 +1,42 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 18 - css2</title>
<style type="text/css">
BODY {
margin-left: 8em
}
TABLE {
margin-left: auto;
margin-right: auto
}
CAPTION {
caption-side: left;
margin-left: -8em;
width: 8em;
text-align: right;
vertical-align: bottom
}
</style>
</head>
<body>
<p>
text text text previous paragraph text text above the table more text text text normal paragraph etc. etc.</p>
<table>
<caption>This is the caption. It is right aligned.Also aligned at the bottom</caption>
<tr><th>header</th><th>header</th><th> header</th></tr>
<tr><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td><td>cell</td></tr>
</table>
</body>
</html>

View File

@ -0,0 +1,19 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 2 </title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style="border:solid green" >
<caption style="width:50px;border:solid orange; caption-side:left">
cap</caption>
<tr><td>table</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 3 </title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style="width:200px; border:solid green" >
<caption style="border:solid orange; caption-side:left">
cap</caption>
<tr><td>table</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 4</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style="width:200px; border:solid green" >
<caption style="border:solid orange; caption-side:left">
caption text</caption>
<tr><td>table</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 5</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style=" border:solid green" >
<caption style="border:solid orange; caption-side:left">
caption text</caption>
<tr><td>table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap </td></tr></table>
</body>
</html>

View File

@ -0,0 +1,17 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 6</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style=" border:solid green" >
<caption style="border:solid orange; caption-side:left">
caption text caption text caption text </caption>
<tr><td>table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wraptable text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 7</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style=" border:solid green" >
<caption style="border:solid orange; caption-side:left; width:400px">
caption text caption text caption text </caption>
<tr><td>table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wraptable text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap</td></tr></table>
</body>
</html>

View File

@ -0,0 +1,19 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 8</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table border><tr><td>
<table style=" border:solid green" >
<caption style="border:solid orange; caption-side:left; width:400px">
caption text caption text caption text </caption>
<tr><td>table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wraptable text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap</td></tr></table></td></tr></table>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>caption side static - 9</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table style=" border:solid green" >
<caption style="border:solid orange; caption-side:left; width:50%">
caption text caption text caption text </caption>
<tr><td>table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wraptable text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap table text which should wrap</td></tr></table>
</body>
</html>