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
Родитель c9c73378f8
Коммит 131f0360af
18 изменённых файлов: 400 добавлений и 0 удалений

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>

Просмотреть файл

@ -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>