diff options
| author | Michael Drake <tlsa@netsurf-browser.org> | 2006-10-10 16:52:34 +0000 |
|---|---|---|
| committer | Michael Drake <tlsa@netsurf-browser.org> | 2006-10-10 16:52:34 +0000 |
| commit | 013c423c15414aed7c92e2b40f680b47ef7d6c33 (patch) | |
| tree | 73d6cefb4c908c45a8271cdcae0256a7fda1988e /works | |
| parent | cf77ffde7b25fa55e66bb1b4e379347103e3c971 (diff) | |
| download | netsurf-test-013c423c15414aed7c92e2b40f680b47ef7d6c33.tar.gz netsurf-test-013c423c15414aed7c92e2b40f680b47ef7d6c33.tar.bz2 | |
Start tidying up test cases.
svn path=/trunk/netsurftest/; revision=2987
Diffstat (limited to 'works')
48 files changed, 1598 insertions, 0 deletions
diff --git a/works/3d-border-colour.html b/works/3d-border-colour.html new file mode 100644 index 0000000..7a838a9 --- /dev/null +++ b/works/3d-border-colour.html @@ -0,0 +1,32 @@ +<html> +<head> +<title>Border Colour</title> +</head> +<body style="background-color: #00f;"> + +<p style="border: #f00 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #f00; color: #000;">Pseudo 3D border colour test 1.</p> + +<p style="border: #052 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #052; color: #fff;">Pseudo 3D border colour test 2.</p> + +<p style="border: #db9 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #db9; color: #000;">Pseudo 3D border colour test 3.</p> + +<p style="border: #bd9 20px outset; padding: 5px; margin: 10px; text-align: center; background-color: #bd9; color: #000;">Pseudo 3D border colour test 4.</p> + +<form> + +<input type="button" value="Go!" style="border: #bd9 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #bd9; color: #000;"> + +<input type="button" value="Go!" style="border: #c8c8c8 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #c8c8c8; color: #000;"> + +<input type="button" value="Go!" style="border: #e58 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #e58; color: #000;"> + +<input type="button" value="Go!" style="border: #483d8b 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #483d8b; color: #fff;"> + +<input type="button" value="Go!" style="border: #333 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #333; color: #fff;"> + +<input type="button" value="Go!" style="border: #00f 2px outset; padding: 2px; margin: 10px; text-align: center; background-color: #00f; color: #fff;"> + +</form> + +</body> +</html>
\ No newline at end of file diff --git a/works/absolute-padding.html b/works/absolute-padding.html new file mode 100644 index 0000000..6fb7300 --- /dev/null +++ b/works/absolute-padding.html @@ -0,0 +1,88 @@ +<html> +<head> +<style type="text/css"> +#container { + padding: 50px 50px 50px 50px; + position: absolute; + border: 1px solid black; + top: 0; + left: 0; + } + +#content { + width: 100%; + height: 100%; + background-color: #d345d6; +} + +#tl { + position: absolute; + top: 0; + left: 0; + background-color: red; + width: 50px; +} + +#tr { + position: absolute; + top: 0; + right: 0; + background-color: yellow; + width: 50px; +} + +#bl { + position: absolute; + bottom: 0; + left: 0; + background-color: green; + width: 50px; +} + +#br { + position: absolute; + bottom: 0; + right: 0; + background-color: blue; + width: 50px; +} + +#c { + position: absolute; + top: 50%; + left: 50%; + background-color: orange; + width: 50px; +} +</style></head> + +<body> + +<div id="container"> +<div id="content"> + Content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content + content content content content content content content +</div> +<div id="tl">tl</div> +<div id="tr">tr</div> +<div id="bl">bl</div> +<div id="br">br</div> +<div id="c">c</div> + +</body></html> diff --git a/works/animgif.html b/works/animgif.html new file mode 100644 index 0000000..3cdb0b2 --- /dev/null +++ b/works/animgif.html @@ -0,0 +1,30 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Animated GIF test</title> +</head> + +<body> + +<h1>Animated GIF test</h1> + +<h2>Unscaled inline</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS"></p> + +<h2>Scaled inline</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS" style="width: 10em"></p> + +<h2>Floated</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS" style="float: right"></p> + +<h2 style="clear: right">Floated scaled</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS" +style="float: right; width: 10em"></p> + +<h2 style="clear: right">HTML object containing GIF</h2> +<div><object type="text/html" data="animgifobj.html" +style="width: 30em; height: 30em"></object></div> + +</body> +</html> diff --git a/works/animgifobj.html b/works/animgifobj.html new file mode 100644 index 0000000..fba8d96 --- /dev/null +++ b/works/animgifobj.html @@ -0,0 +1,25 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Animated GIF test</title> +</head> + +<body style="background-color: yellow"> + +<h1>Animated GIF test</h1> + +<h2>Unscaled inline</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS"></p> + +<h2>Scaled inline</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS" style="width: 10em; height: 3em"></p> + +<h2>Floated</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS" style="float: right"></p> + +<h2 style="clear: right">Floated scaled</h2> +<p><img src="waves.gif" alt="Rendered on RISC OS" style="float: right; width: 10em; height: 3em"></p> + +</body> +</html> diff --git a/works/background-image-failure.html b/works/background-image-failure.html new file mode 100644 index 0000000..f283234 --- /dev/null +++ b/works/background-image-failure.html @@ -0,0 +1,18 @@ +<html> +<head> +<title>Broken Background Image Test 1</title> +</head> +<body> + +<p style="background: url(2.png); border: thin solid black;"> +Background image URL is correct. +</p> + +<p style="background: url(bad.url); border: thin solid black;"> +Background image URL is broken. +</p> + +<img src="1.png"> + +</body> +</html>
\ No newline at end of file diff --git a/works/background-image-failure2.html b/works/background-image-failure2.html new file mode 100644 index 0000000..4086641 --- /dev/null +++ b/works/background-image-failure2.html @@ -0,0 +1,20 @@ +<html> +<head> +<title>Broken Background Image Test 2</title> +</head> +<body> + +<p style="background: url(bad.url); border: thin solid black;"> +Background image URL is broken. +</p> + +<p style="background: url(1.png); border: thin solid black;"> +Background image URL is correct. +</p> + +<p style="background: url(2.png); border: thin solid black;"> +Background image URL is correct. +</p> + +</body> +</html>
\ No newline at end of file diff --git a/works/button-width.html b/works/button-width.html new file mode 100644 index 0000000..fd517da --- /dev/null +++ b/works/button-width.html @@ -0,0 +1,18 @@ +<html> +<head> +<title>Button Width</title> +</head> +<body style="background-color: #00f; color: #fff;"> + +<p style="background-color: #008; padding: 4px;">The following buttons should have the same widths. The second button has <code>margin: 10px</code>, while the first has no margin set.</p> + +<form method="get" action="http://www.smoothartist.com/netsurf/test/"> + +<input type="submit" value="Go!" style="padding: 2px;"> + +<input type="submit" value="Go!" style="padding: 2px; margin: 10px;"> + +</form> + +</body> +</html>
\ No newline at end of file diff --git a/works/cellpadding.html b/works/cellpadding.html new file mode 100644 index 0000000..d988226 --- /dev/null +++ b/works/cellpadding.html @@ -0,0 +1,112 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Cellpadding test</title> +<style type="text/css"> +table, td { border: solid thin gray; vertical-align: top; } +</style> +</head> + +<body> + +<h1>Cellpadding test</h1> + +<table cellpadding="10"> + +<tr> +<td>Praesent ut eros. Aenean quis felis. Sed iaculis venenatis lorem. Etiam +dictum. Etiam eu felis luctus lorem pretium sodales. Nunc pretium consequat +libero. Nunc turpis wisi, tincidunt sit amet, lacinia vitae, iaculis sed, massa. +Nunc odio quam, tincidunt ut, ornare id, dignissim at, mauris. Etiam ac orci. +Integer nibh. Cras sagittis, eros porta aliquam blandit, velit neque pretium +eros, sed imperdiet ante purus sed ipsum. Sed ut mi. Integer vel dui. Duis +bibendum imperdiet tortor.</td> + +<td>Integer nec mauris in lacus ullamcorper varius. Nullam dignissim aliquam +odio. Vestibulum at sem nec diam posuere vulputate. Integer dictum, est at +tincidunt gravida, velit ipsum imperdiet nunc, vitae dictum odio pede vitae +wisi. Maecenas elit augue, auctor in, bibendum at, tempus eget, erat. Duis +adipiscing elit. Etiam a dui. Nam neque. Duis et urna. Proin erat. Ut vel arcu +ut mauris fermentum malesuada. In hac habitasse platea dictumst. Fusce +ultricies, enim nec tempus scelerisque, orci justo dapibus quam, facilisis +imperdiet velit lorem et nibh.</td> + +<td>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna elementum +arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam consequat, arcu +quis accumsan fringilla, eros eros pretium enim, in elementum ante lorem a +felis. Etiam mauris orci, ultrices ut, laoreet id, lobortis quis, mauris. Duis +elit lorem, elementum a, lobortis vitae, pretium non, wisi. Sed vel arcu nec +justo suscipit semper. Fusce ante arcu, commodo pretium, tincidunt in, rutrum +et, ligula. Nunc at tellus. Praesent tincidunt eros eget diam. Praesent vel +odio. Morbi adipiscing. Cras quis wisi in nunc hendrerit bibendum. Pellentesque +dictum nibh nec dolor. Nam luctus nibh sed mi. Duis sit amet quam et magna +facilisis luctus.</td> +</tr> + +<tr> +<td>Suspendisse commodo. Duis consequat lorem ut felis. Quisque nisl augue, +malesuada ut, interdum vel, fermentum sed, metus. Sed est eros, porta quis, +fermentum vel, consectetuer eget, diam. Cras eu urna a quam auctor eleifend. +Aenean leo. Ut non augue. Vivamus in mauris ut tortor bibendum bibendum. Etiam +varius pede in augue. Vestibulum mauris augue, pretium eget, lobortis eu, +condimentum sed, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Aliquam mi mauris, mollis eget, blandit varius, +iaculis ut, turpis. Aliquam sit amet sem. Nulla mauris sem, tristique at, +fringilla non, aliquam ut, quam. Donec lacinia nibh eget sapien. Fusce mollis +nunc at metus.</td> + +<td>Morbi lobortis, velit ut fringilla sollicitudin, sapien turpis aliquet +felis, et faucibus nibh sem a odio. Sed tincidunt, pede vitae suscipit porta, mi +nunc varius erat, id porta nunc justo quis urna. Praesent at odio bibendum odio +rutrum tincidunt. Sed neque. Mauris pharetra odio ut lorem. Etiam ultricies, +eros ut iaculis suscipit, ipsum libero cursus purus, a mattis wisi nunc sed +metus. Quisque ac neque. Aliquam erat volutpat. Phasellus ullamcorper nulla sit +amet diam. Curabitur eu mi quis urna dictum mollis.</td> + +<td>Aenean eu tortor a justo facilisis sagittis. Aliquam erat volutpat. Maecenas +semper. Aliquam facilisis dolor sit amet erat. In tempor nulla et wisi. Morbi +pellentesque, erat vitae feugiat placerat, ante massa rhoncus turpis, eu sodales +diam elit scelerisque felis. Donec eu sem adipiscing erat malesuada ullamcorper. +Proin sit amet pede. Donec lacus mauris, molestie id, mollis et, interdum ac, +pede. Curabitur et est ac magna posuere mattis. Aenean mattis blandit est. Morbi +ac nisl. Duis mollis. Etiam aliquam sollicitudin velit. Aliquam enim orci, +suscipit nec, fringilla quis, porta ac, nulla. Mauris id lorem at velit +condimentum porttitor. Donec consectetuer, justo ac elementum elementum, mauris +nulla dignissim libero, sollicitudin dictum quam nulla nec nunc. In hac +habitasse platea dictumst.</td> +</tr> + +<tr> +<td>Suspendisse egestas semper mauris. Duis dolor dui, placerat vel, dapibus +vitae, convallis in, quam. Praesent et orci. Pellentesque risus. Ut arcu wisi, +lobortis quis, malesuada eget, consequat sit amet, eros. Quisque consequat, odio +quis volutpat tempor, odio eros bibendum odio, nec molestie mi neque nec mi. +Proin et eros. Maecenas pretium augue sed nunc. Suspendisse vehicula tempus +augue. Proin egestas dapibus justo. Cum sociis natoque penatibus et magnis dis +parturient montes, nascetur ridiculus mus. Mauris suscipit, mauris a feugiat +posuere, nulla leo euismod metus, eu pellentesque nunc odio eu erat. Nam a +ipsum. Vestibulum porttitor placerat odio. Maecenas id ante. Nullam venenatis. +Nullam a orci. Quisque libero. Quisque mauris pede, congue vitae, lobortis eget, +iaculis nec, magna. Ut velit lacus, ultrices non, condimentum eget, varius non, +est.</td> + +<td>Pellentesque laoreet diam id lacus varius aliquet. Integer consectetuer. +Nulla porta eros ut arcu. Praesent blandit velit et felis. Integer mauris augue, +ultrices vel, blandit id, luctus id, urna. Fusce nulla tellus, porta at, sodales +nec, fringilla et, lectus. Donec nec eros. Vestibulum nisl lorem, sagittis +vitae, tempor vitae, varius non, nibh. Phasellus dui nunc, dictum eu, imperdiet +eget, consectetuer id, lectus. Sed ac felis.</td> + +<td>Sed velit ipsum, tempus vitae, dapibus quis, aliquet quis, sem. Vestibulum +ante. Nunc sit amet arcu. Phasellus faucibus quam tincidunt sem. Nam semper +hendrerit turpis. Integer turpis. Proin sed odio id nibh consectetuer +ullamcorper. Nulla condimentum mi ut odio. Duis quis odio nec magna posuere +sodales. Donec vulputate venenatis dolor. Curabitur tristique adipiscing augue. +Nulla ornare semper ipsum. Vestibulum adipiscing, libero eget malesuada lacinia, +diam metus semper leo, nec consectetuer libero tellus nec mauris.</td> +</tr> +</table> + +</body> +</html> diff --git a/works/colspan-issue.html b/works/colspan-issue.html new file mode 100644 index 0000000..b0f2c38 --- /dev/null +++ b/works/colspan-issue.html @@ -0,0 +1,16 @@ +<html> +<head> +<title>Colspan Issue</title> +</head> +<body> + +<table style="margin-left: auto; margin-right: auto; width: 60%; border: 4px solid black;"><tr><td> + +<table> +<tr><td colspan="2" style="background: #afa;">moosemoosemooosemoosemoosemoosemoosemoose</td></tr> +<tr><td style="width: 200px;">moo</td><td>moo</td></tr> +</table> + +</td></tr></table> + +</body></html> diff --git a/works/drawfile.html b/works/drawfile.html new file mode 100644 index 0000000..8669179 --- /dev/null +++ b/works/drawfile.html @@ -0,0 +1,18 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Drawfile test</title> +</head> + +<body> + +<h1>Drawfile test</h1> + +<div> +<img src="drawing" alt="Squiggle" title="A scribble"> +<img src="drawing" alt="Squiggle" title="A scribble" style="width: 50%"> +</div> + +</body> +</html> diff --git a/works/drawing,aff b/works/drawing,aff Binary files differnew file mode 100644 index 0000000..0f9438c --- /dev/null +++ b/works/drawing,aff diff --git a/works/float-overlap.html b/works/float-overlap.html new file mode 100644 index 0000000..99c1291 --- /dev/null +++ b/works/float-overlap.html @@ -0,0 +1,39 @@ +<html> +<head> +<title>Float Overlap</title> +<style> +body{background-color:#66C;} + +#storybody {color:#ffff99;font-size:90%;} +#storybody p{margin:0;color:ff9;padding:10px 0 0 0;} + +td.sibtbg{font-size:75%;background-color:#33C;color:#99F} +</style> +</head> + + + + + +<body> +<div id="storybody"> + +<p></p> + +<p><b>This text should not be overlapped by the floated table</b>. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p> + +<table align="right"> +<tr> +<td class="sibtbg"> +moose moose moose moose moose mooose<br> +moose moose moose moose moose mooose<br> +moose moose moose moose moose mooose<br> +moose moose moose moose moose mooose<br> +</td> +</tr> +</table> + + +</div> + +</body></html> diff --git a/works/float-positioning.html b/works/float-positioning.html new file mode 100644 index 0000000..796bf01 --- /dev/null +++ b/works/float-positioning.html @@ -0,0 +1,20 @@ +<html> +<head> +<title>Float positioning</title> +</head> +<body> + +<p style="background-color:#fee; color:#a22; margin:2em; border:2px dotted #f00; padding:1em;">The following heading has <code>height: 150px;</code>. The paragraphs after it are correctly positioned but the float positions do not respect the <code>height: 150px;</code> of the heading.</p> + +<h1 style="height:150px;border:solid #000 1px;background-color: #eee;">Heading</h1> + +<p><img src="giftestdata/3colour.gif" style="float:right;">Cras dignissim ultricies tellus. Suspendisse potenti. Aenean orci. Phasellus a purus. Pellentesque gravida tempus est. Aenean nonummy rhoncus nibh. Morbi molestie. Cras quis wisi. Sed fringilla metus sit amet velit consequat condimentum. Nullam urna pede, egestas nec, blandit sit amet, tempor in, massa. Nunc lectus. Praesent hendrerit consequat tortor. Duis ornare ullamcorper lorem. Sed nec est sed dui sagittis luctus. Cras sit amet urna. Donec turpis odio, adipiscing in, adipiscing vel, lobortis a, quam. Nulla posuere, metus a congue feugiat, massa elit nonummy nunc, sit amet molestie nunc velit ut tellus. Donec ultrices dolor a dui. Sed fermentum mollis massa</p> + +<p>Vivamus orci nunc, luctus quis, sodales sit amet, facilisis nec, justo. Suspendisse malesuada magna et wisi. Maecenas suscipit tortor sit amet dui. Mauris nunc dolor, consectetuer quis, interdum nec, cursus mollis, purus. Sed facilisis ullamcorper quam. Vestibulum a sem non nibh bibendum rhoncus. Mauris dapibus erat quis ligula. Sed vulputate, felis id sollicitudin placerat, felis urna semper metus, vel venenatis sapien justo ullamcorper enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce pede. Etiam eget mi. Sed dolor arcu, ullamcorper quis, lacinia sit amet, egestas ac, nisl. Nullam est. Suspendisse potenti. Pellentesque sollicitudin ornare nisl. Cras sapien diam, auctor suscipit, lacinia ut, rhoncus sit amet, elit. Ut turpis. Aliquam id leo.</p> + +<img src="giftestdata/3colour.gif" style="float:left;"> + +<p>Nulla elementum venenatis elit. Nulla mollis, augue quis tincidunt tristique, purus tortor ullamcorper dolor, sit amet blandit tellus wisi id eros. Quisque volutpat. Nam suscipit iaculis wisi. Sed neque nisl, tincidunt vel, adipiscing eget, gravida nec, nisl. Suspendisse dolor dolor, aliquam a, eleifend sed, interdum quis, dui. In hac habitasse platea dictumst. Proin lacus leo, porta non, rutrum sit amet, semper at, magna. Vivamus dignissim convallis risus. Nam commodo mauris vel ligula. Integer euismod, nulla sit amet consectetuer fringilla, ligula arcu elementum augue, eu fermentum diam tortor at velit. Proin tellus est, euismod vitae, condimentum in, lobortis ac, orci.</p> + +</body> +</html>
\ No newline at end of file diff --git a/works/floatmargin.html b/works/floatmargin.html new file mode 100644 index 0000000..e7a4f01 --- /dev/null +++ b/works/floatmargin.html @@ -0,0 +1,38 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Float margin test</title> +</head> + +<body> + +<h1>Float margin test</h1> + +<p>Aliquam ligula risus, pharetra non, dapibus eu, vestibulum et, pede. Donec +diam orci, consequat ut, scelerisque ut, vestibulum sed, felis. Quisque ipsum. +Donec vestibulum, nisl et <a href="link1">porttitor feugiat, lacus velit sodales +elit, non interdum</a> leo sem ac sapien. Donec risus tellus, convallis sit +amet, congue pellentesque, vestibulum sagittis, risus. Curabitur elementum. +Suspendisse gravida sem. Donec condimentum.</p> + +<p style="float: right; width: 40%; margin: 1em; padding: 1em;">Donec et erat. +Cras nonummy. Donec ut mi. In pharetra. Curabitur <a href="link2">egestas +volutpat ligula. Vestibulum fermentum purus at diam.</a> Ut ornare quam ut pede. +Praesent ultrices tincidunt quam. In sed enim quis enim mollis malesuada.</p> + +<p>Suspendisse accumsan, velit nec molestie adipiscing, erat lorem consectetuer +tellus, quis vulputate ipsum ante at eros. Donec laoreet mi eu felis. +Suspendisse at sem.</p> + +<p>Sed nec quam ut sapien aliquet fermentum. Curabitur lacus nibh, congue id, +lobortis ac, ultricies at, felis. Proin ipsum ipsum, ultrices eu, porttitor ut, +condimentum ac, quam. Mauris sodales dignissim purus. Aenean et nibh. Vestibulum +sagittis scelerisque ante. Vestibulum ante ipsum primis in faucibus orci luctus +et ultrices posuere cubilia Curae; Cras pede odio, mollis nec, hendrerit quis, +dapibus at, urna. Aliquam eget nisl. Integer augue. Morbi et orci ac nunc +volutpat gravida. Integer laoreet. Quisque fringilla. Nulla tristique libero at +sapien. Nam auctor.</p> + +</body> +</html> diff --git a/works/floatpadding.html b/works/floatpadding.html new file mode 100644 index 0000000..2cec9e3 --- /dev/null +++ b/works/floatpadding.html @@ -0,0 +1,94 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Float padding test</title> +</head> + +<body> + +<h1>Float padding test</h1> + +<table> +<tr> +<td style="padding-left: 5em"> + +<p>Cras dignissim ultricies tellus. Suspendisse potenti. Aenean orci. Phasellus +a purus. Pellentesque gravida tempus est. Aenean nonummy rhoncus nibh. Morbi +molestie. Cras quis wisi. Sed fringilla metus sit amet velit consequat +condimentum. Nullam urna pede, egestas nec, blandit sit amet, tempor in, massa. +Nunc lectus. Praesent hendrerit consequat tortor. Duis ornare ullamcorper lorem. +Sed nec est sed dui sagittis luctus. Cras sit amet urna. Donec turpis odio, +adipiscing in, adipiscing vel, lobortis a, quam. Nulla posuere, metus a congue +feugiat, massa elit nonummy nunc, sit amet molestie nunc velit ut tellus. Donec +ultrices dolor a dui. Sed fermentum mollis massa.</p> + +<div style="float: left"><img src="waves.gif" alt="NetSurf"></div> + +<p>Vivamus orci nunc, luctus quis, sodales sit amet, facilisis nec, justo. +Suspendisse malesuada magna et wisi. Maecenas suscipit tortor sit amet dui. +Mauris nunc dolor, consectetuer quis, interdum nec, cursus mollis, purus. Sed +facilisis ullamcorper quam. Vestibulum a sem non nibh bibendum rhoncus. Mauris +dapibus erat quis ligula. Sed vulputate, felis id sollicitudin placerat, felis +urna semper metus, vel venenatis sapien justo ullamcorper enim. Pellentesque +habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. +Fusce pede. Etiam eget mi. Sed dolor arcu, ullamcorper quis, lacinia sit amet, +egestas ac, nisl. Nullam est. Suspendisse potenti. Pellentesque sollicitudin +ornare nisl. Cras sapien diam, auctor suscipit, lacinia ut, rhoncus sit amet, +elit. Ut turpis. Aliquam id leo.</p> + +<p>Nulla elementum venenatis elit. Nulla mollis, augue quis tincidunt tristique, +purus tortor ullamcorper dolor, sit amet blandit tellus wisi id eros. Quisque +volutpat. Nam suscipit iaculis wisi. Sed neque nisl, tincidunt vel, adipiscing +eget, gravida nec, nisl. Suspendisse dolor dolor, aliquam a, eleifend sed, +interdum quis, dui. In hac habitasse platea dictumst. Proin lacus leo, porta +non, rutrum sit amet, semper at, magna. Vivamus dignissim convallis risus. Nam +commodo mauris vel ligula. Integer euismod, nulla sit amet consectetuer +fringilla, ligula arcu elementum augue, eu fermentum diam tortor at velit. Proin +tellus est, euismod vitae, condimentum in, lobortis ac, orci.</p> + +</td> +</tr> +</table> + +<hr> + +<div style="padding-left: 5em"> + +<p>Cras dignissim ultricies tellus. Suspendisse potenti. Aenean orci. Phasellus +a purus. Pellentesque gravida tempus est. Aenean nonummy rhoncus nibh. Morbi +molestie. Cras quis wisi. Sed fringilla metus sit amet velit consequat +condimentum. Nullam urna pede, egestas nec, blandit sit amet, tempor in, massa. +Nunc lectus. Praesent hendrerit consequat tortor. Duis ornare ullamcorper lorem. +Sed nec est sed dui sagittis luctus. Cras sit amet urna. Donec turpis odio, +adipiscing in, adipiscing vel, lobortis a, quam. Nulla posuere, metus a congue +feugiat, massa elit nonummy nunc, sit amet molestie nunc velit ut tellus. Donec +ultrices dolor a dui. Sed fermentum mollis massa.</p> + +<div style="float: left"><img src="waves.gif" alt="NetSurf"></div> + +<p>Vivamus orci nunc, luctus quis, sodales sit amet, facilisis nec, justo. +Suspendisse malesuada magna et wisi. Maecenas suscipit tortor sit amet dui. +Mauris nunc dolor, consectetuer quis, interdum nec, cursus mollis, purus. Sed +facilisis ullamcorper quam. Vestibulum a sem non nibh bibendum rhoncus. Mauris +dapibus erat quis ligula. Sed vulputate, felis id sollicitudin placerat, felis +urna semper metus, vel venenatis sapien justo ullamcorper enim. Pellentesque +habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. +Fusce pede. Etiam eget mi. Sed dolor arcu, ullamcorper quis, lacinia sit amet, +egestas ac, nisl. Nullam est. Suspendisse potenti. Pellentesque sollicitudin +ornare nisl. Cras sapien diam, auctor suscipit, lacinia ut, rhoncus sit amet, +elit. Ut turpis. Aliquam id leo.</p> + +<p>Nulla elementum venenatis elit. Nulla mollis, augue quis tincidunt tristique, +purus tortor ullamcorper dolor, sit amet blandit tellus wisi id eros. Quisque +volutpat. Nam suscipit iaculis wisi. Sed neque nisl, tincidunt vel, adipiscing +eget, gravida nec, nisl. Suspendisse dolor dolor, aliquam a, eleifend sed, +interdum quis, dui. In hac habitasse platea dictumst. Proin lacus leo, porta +non, rutrum sit amet, semper at, magna. Vivamus dignissim convallis risus. Nam +commodo mauris vel ligula. Integer euismod, nulla sit amet consectetuer +fringilla, ligula arcu elementum augue, eu fermentum diam tortor at velit. Proin +tellus est, euismod vitae, condimentum in, lobortis ac, orci.</p> + +</div> + +</body></html> diff --git a/works/form-width.html b/works/form-width.html new file mode 100644 index 0000000..c68b9bf --- /dev/null +++ b/works/form-width.html @@ -0,0 +1,75 @@ +<html> +<head> +<title>Form Width</title> +</head> +<body bgcolor="#483d8b" color="#ffffff"> +<p>Test 1 (from drobe):</p> + +<table><tr> + +<form method="get" action="/search/"> + +<td> + <select name="type"> + <option value="pages">RISC OS Websites</option> + <option value="drobenews">Drobe News</option> + <option value="usenet">comp.sys.acorn.*</option> + <option value="stronghelp">Stronghelp Manuals</option> + <option value="files">Downloadable Files</option> + </select> +</td> + +<td> + <input type="text" name="terms" size="12" value=""> +</td> + +<td> + <input type="submit" value="Go!"> +</td> + +</form> + +</tr></table> + +<p>Test 2, problem remains without borders:</p> +<table><tr> + +<form method="get" action="/search/"> + +<td> + <select name="type" style="border:0;"> + <option value="pages">RISC OS Websites</option> + <option value="drobenews">Drobe News</option> + <option value="usenet">comp.sys.acorn.*</option> + <option value="stronghelp">Stronghelp Manuals</option> + <option value="files">Downloadable Files</option> + </select> +</td> + +<td> + <input type="text" name="terms" size="12" value="" style="border:0;"> +</td> + +<td> + <input type="submit" value="Go!" style="border:0;"> +</td> + +</form> + +</tr></table> + +<p>Test 3, no overlapping when form elements aren't in table cells:</p> +<form method="get" action="/search/"> + <select name="type"> + <option value="pages">RISC OS Websites</option> + <option value="drobenews">Drobe News</option> + <option value="usenet">comp.sys.acorn.*</option> + <option value="stronghelp">Stronghelp Manuals</option> + <option value="files">Downloadable Files</option> + </select> + <input type="text" name="terms" size="12" value=""> + <input type="submit" value="Go!"> +</form> + + +</body></html> diff --git a/works/form.html b/works/form.html new file mode 100644 index 0000000..3a8d421 --- /dev/null +++ b/works/form.html @@ -0,0 +1,56 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Form test</title> +</head> + +<body> + +<h1>Form test</h1> + +<form action="dummy"> + +<p><input type="text" name="text1" value="Text input"></p> + +<p><textarea name="area1" rows="3" cols="40"> +First line of initial text. +Second line of initial text. +Third line of initial text; this line is longer than the others! +Last line of initial text. +</textarea></p> + +<p><textarea name="area2" rows="10" cols="40"> +First line of initial text. +Second line of initial text. +Third line of initial text; this line is longer than the others! +Last line of initial text. +</textarea></p> + +<p> +<select> +<option>SciCalc is a scientific calculator which runs under </option> +<option>the RISC OS desktop. It offers 4 numeric bases, </option> +<option>3 trigonometric modes, a memory and a single level </option> +<option>of brackets. Its accuracy is limited to that of </option> +<option>BASIC 64, which it requires to run. Input can be </option> +<option>performed using the mouse and the keyboard.</option> +</select> + +<input type="file" name="file1"> + +<input type="checkbox" name="checkbox1"> +</p> + +<p> +<input type="submit" name="submit1" value="Submit"> +<button type="submit" name="button1" value="button">Button <b>example</b> +test</button> +<input type="image" src="waves.gif" name="image1"> +</p> + +</form> + +</body> +</html> + diff --git a/works/frame1.html b/works/frame1.html new file mode 100644 index 0000000..797aa50 --- /dev/null +++ b/works/frame1.html @@ -0,0 +1,23 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Frame targets test (frame 1)</title> +</head> + +<body> + +<h1>Frame targets test (frame 1)</h1> + +<ul> +<li><a href="frame3.html">no target</a></li> +<li><a href="frame3.html" target="frame1">target <em>frame1</em></a></li> +<li><a href="frame3.html" target="frame2">target <em>frame2</em></a></li> +<li><a href="frame3.html" target="_top">target <em>_top</em></a></li> +<li><a href="frame3.html" target="_parent">target <em>_parent</em></a></li> +<li><a href="frame3.html" target="_new">target <em>_new</em></a></li> +<li><a href="frame3.html" target="dummy">target <em>dummy</em></a></li> +</ul> + +</body> +</html> diff --git a/works/frame2.html b/works/frame2.html new file mode 100644 index 0000000..fdaaf42 --- /dev/null +++ b/works/frame2.html @@ -0,0 +1,33 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Frame targets test (frame 2)</title> +</head> + +<body> + +<h1>Frame targets test (frame 2)</h1> + +<p>Praesent condimentum, erat vitae dictum euismod, quam erat tempus purus, a +euismod felis eros id tortor. Praesent luctus hendrerit mi. Sed est ipsum, +faucibus eget, egestas placerat, ultrices vitae, sapien. Aenean commodo +tincidunt tellus. Praesent hendrerit neque non justo facilisis sollicitudin. +Phasellus vitae velit. Morbi orci. Sed dui tellus, convallis pellentesque, +adipiscing eget, feugiat ut, sapien. Phasellus augue. Aliquam dolor magna, +volutpat eget, tempor vitae, congue vel, dui. Maecenas vehicula commodo +nunc.</p> + +<p>Cras tincidunt risus vel turpis. Nam eu nulla. Class aptent taciti sociosqu +ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce luctus. +Nunc at nisl. In scelerisque congue ante. Suspendisse tincidunt lobortis nunc. +Sed quam ipsum, venenatis ac, vestibulum id, gravida et, ante. Donec neque orci, +dictum sodales, rhoncus ac, imperdiet ut, metus. Suspendisse non neque. +Phasellus egestas porttitor enim. Vestibulum elementum urna nec lectus. In sed +arcu. Quisque sem. Vivamus et sapien. Vestibulum nulla purus, consectetuer eu, +facilisis nec, lobortis et, ante. Duis neque augue, tristique eu, pharetra ut, +ornare id, nisl. Phasellus vehicula. Nam tincidunt, massa ultrices nonummy +rhoncus, mauris neque euismod magna, id pulvinar sem dui vel magna.</p> + +</body> +</html> diff --git a/works/frame3.html b/works/frame3.html new file mode 100644 index 0000000..378aa59 --- /dev/null +++ b/works/frame3.html @@ -0,0 +1,29 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Frame targets test (frame 3)</title> +</head> + +<body> + +<h1>Frame targets test (frame 3)</h1> + +<p>Vestibulum semper adipiscing pede. Praesent fermentum, risus vel dapibus +consequat, nisl elit rutrum sem, ut pellentesque ipsum sem eget leo. Phasellus +in augue ut justo dignissim placerat. Maecenas eros arcu, ultricies sit amet, +ultricies sed, rutrum vitae, ipsum. Integer fringilla aliquam ante. Mauris +volutpat, turpis et dapibus aliquet, ante ipsum pretium dolor, quis interdum +tortor velit eu mi. Pellentesque ut orci. Donec nibh. Sed mollis lectus non +ante. Phasellus ante pede, luctus id, interdum eu, ornare et, libero. Vivamus +nec erat quis massa pretium adipiscing. Ut sapien orci, adipiscing id, fringilla +non, ornare sit amet, felis. Cras urna lectus, posuere ut, consectetuer sit +amet, molestie sit amet, dolor. Donec libero. Class aptent taciti sociosqu ad +litora torquent per conubia nostra, per inceptos hymenaeos. Fusce ut urna. +Pellentesque nibh arcu, faucibus in, commodo dignissim, vulputate quis, sem. +Curabitur augue tellus, egestas at, fringilla in, aliquam in, orci. Duis mattis, +massa et feugiat placerat, nibh wisi tincidunt mauris, a pharetra nunc augue vel +libero.</p> + +</body> +</html> diff --git a/works/frames.html b/works/frames.html new file mode 100644 index 0000000..0ae7817 --- /dev/null +++ b/works/frames.html @@ -0,0 +1,12 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" + "http://www.w3.org/TR/html4/frameset.dtd"> +<html> +<head> +<title>Frames test</title> +</head> + +<frameset cols="200,*"> +<frame src="frame1.html"> +<frame src="frame2.html"> +</frameset> +</html> diff --git a/works/frames2.html b/works/frames2.html new file mode 100644 index 0000000..be2ae83 --- /dev/null +++ b/works/frames2.html @@ -0,0 +1,12 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" + "http://www.w3.org/TR/html4/frameset.dtd"> +<html> +<head> +<title>Frames test</title> +</head> + +<frameset cols="*,*"> +<frame src="frame1.html"> +<frame src="frame2.html"> +</frameset> +</html> diff --git a/works/gaps-in-lists.html b/works/gaps-in-lists.html new file mode 100644 index 0000000..18b4c06 --- /dev/null +++ b/works/gaps-in-lists.html @@ -0,0 +1,29 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Gaps in Lists</title> +<style> +.list { background-color:#88f; margin:0; padding:0; } +.item { background-color:#f88; display:inline; margin:0; padding:0; } +.content { background-color:#8f8; display:block; } +</style> +</head> +<body> +<ul class="list"> + <li class="item"> + <a class="content" href="">moo1</a> + </li> + <li class="item"> + <a class="content" href="">moo2</a> + </li> + <li class="item"> + <em class="content" href="">moo3</em> + </li> + <li class="item"> + <em class="content" href="">moo4</em> + </li> +</ul> +<p>Above, the <code>LI</code> elements (red) have <code>display:inline</code> set and inside them, <code>A</code> and <code>EM</code> elements (green) have <code>display:block</code> set. This causes a blank line to be put above each <code>LI</code>. The outer <code>UL</code> is blue. Only green should be seen.</p> +</body> +</html>
\ No newline at end of file diff --git a/works/giftest.html b/works/giftest.html new file mode 100644 index 0000000..a567578 --- /dev/null +++ b/works/giftest.html @@ -0,0 +1,12 @@ +<html> + <head> + <title>RGB GIF decode and plot test</title> + </head> + <body background="giftestdata/checkback.png"> + <center> + Three-colour GIF: <img src="giftestdata/3colour.gif"><p> + 256-color GIF: <img src="giftestdata/256colour.gif"><p> + </center> + </body> +</html> + diff --git a/works/giftestdata/256colour.gif b/works/giftestdata/256colour.gif Binary files differnew file mode 100644 index 0000000..0a4cfa2 --- /dev/null +++ b/works/giftestdata/256colour.gif diff --git a/works/giftestdata/3colour.gif b/works/giftestdata/3colour.gif Binary files differnew file mode 100644 index 0000000..fbd43db --- /dev/null +++ b/works/giftestdata/3colour.gif diff --git a/works/giftestdata/checkback.png b/works/giftestdata/checkback.png Binary files differnew file mode 100644 index 0000000..413a35f --- /dev/null +++ b/works/giftestdata/checkback.png diff --git a/works/link-underlines.html b/works/link-underlines.html new file mode 100644 index 0000000..730087b --- /dev/null +++ b/works/link-underlines.html @@ -0,0 +1,8 @@ +<html> +<head> +<title>Link Underlines</title> +</head> +<body> +<p>Where there is a <b><a href="">link with a <B> element outside the <A> element</a></b>, the following text is also underlined but not clickable.</p> +</body> +</html>
\ No newline at end of file diff --git a/works/margintest.html b/works/margintest.html new file mode 100644 index 0000000..878db07 --- /dev/null +++ b/works/margintest.html @@ -0,0 +1,29 @@ +<html> +<head> +<link rel="stylesheet" href="margintest.css"> +<title>HTML Margin test</title> +<style> +html { + margin: 1em; +} + +body { + border: 1px solid black; +} +</style> +</head> +<body> +<h1>HTML Margin test</h1> +<p>This page is meant to demonstrate what happens when a margin is set on the HTML tag itself. +This is achieved by the user of some CSS in <tt>margintest.css</tt> which looks like this:</p> +<pre>html { + margin: 1em; +}</pre> +<p>This should put a <tt>1em</tt> margin around the entire page which should not be clipped by +the window at any point; nor should it cause the links to be offset etc.</p> +<p>Before if this is broken/a problem then the following link's +hotspot within browser windows will be offset up/left by <tt>1em</tt> and the window itself +will not scroll properly to the bottom.</p> +<p>Here is a <a href="margintest.html">link</a> to myself.</p> +</body> +</html> diff --git a/works/metacharset.html b/works/metacharset.html new file mode 100644 index 0000000..1148399 --- /dev/null +++ b/works/metacharset.html @@ -0,0 +1,28 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> +<title>Meta charset test</title> +</head> + +<body> + +<h1>Meta charset test</h1> + +<p>This document contains the element +<code><meta http-equiv="Content-type" content="text/html; +charset=iso-8859-2"></code>. The table below should contain the characters +described, or approximations to them.</p> + +<table> +<tr><th>Á</th><td>LATIN CAPITAL LETTER A WITH ACUTE</td></tr> +<tr><th>è</th><td>LATIN SMALL LETTER C WITH CARON</td></tr> +<tr><th>Ò</th><td>LATIN CAPITAL LETTER N WITH CARON</td></tr> +<tr><th>ù</th><td>LATIN SMALL LETTER U WITH RING ABOVE</td></tr> +<tr><th>©</th><td>LATIN CAPITAL LETTER S WITH CARON</td></tr> +</table> + +</body> +</html> + diff --git a/works/negative-inline-margin.html b/works/negative-inline-margin.html new file mode 100644 index 0000000..a7d9d56 --- /dev/null +++ b/works/negative-inline-margin.html @@ -0,0 +1,6 @@ +<style type="text/css"> +div { font: 9.16667pt/140% sans-serif; width: 127px } +em { margin-left: -6px } +</style> + +<div><em>Desktop PC Components</em></div>
\ No newline at end of file diff --git a/works/negative-text-indent.html b/works/negative-text-indent.html new file mode 100644 index 0000000..f7b7822 --- /dev/null +++ b/works/negative-text-indent.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>Negative Text Indent</title> +<style> +h3 { width: 290px; height: 35px; padding: 0; text-indent: -10000px; } +#preamble h3 { background: url(preamble.png) no-repeat center left; } +</style> +</head> + +<body> +<div id="preamble"> +<h3><span>The Road to Enlightenment</span></h3> +</div> +</body> +</html>
\ No newline at end of file diff --git a/works/negative.html b/works/negative.html new file mode 100644 index 0000000..be95038 --- /dev/null +++ b/works/negative.html @@ -0,0 +1,15 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Negative margin</title> +</head> + +<body> + +<h1>Negative margin</h1> + +<p><b style="margin: -1em">Onionfunk.</b></p> + +</body> +</html> diff --git a/works/netsurf-crash-1a.html b/works/netsurf-crash-1a.html new file mode 100644 index 0000000..635ebd8 --- /dev/null +++ b/works/netsurf-crash-1a.html @@ -0,0 +1,8 @@ +<html> +<head> +<title>NetSurf Crash 1a</title> +</head> +<body> +<iframe src="test-netsurf-crash-1b.html"></iframe> +</body> +</html>
\ No newline at end of file diff --git a/works/netsurf-crash-1b.html b/works/netsurf-crash-1b.html new file mode 100644 index 0000000..324b193 --- /dev/null +++ b/works/netsurf-crash-1b.html @@ -0,0 +1,8 @@ +<html> +<head> +<title>NetSurf Crash 1b</title> +</head> +<body> +<scr' + 'ipt language="javascript" type="text/javascript"></scr' + 'ipt> +</body> +</html>
\ No newline at end of file diff --git a/works/netsurf-crash-2.html b/works/netsurf-crash-2.html new file mode 100644 index 0000000..4d175c3 --- /dev/null +++ b/works/netsurf-crash-2.html @@ -0,0 +1,20 @@ +<html> +<head> +<title>NetSurf Crash 2</title> +<style type="text/css"> +.a { float: right; } +.b { padding-right: 10em; } +</style> +</head> + +<body> + +<div class="a"> +<p>moose</p> +</div> + +<div class="b"> +<p>Make the window narrow and NS will crash. Increase the size of the padding in .b and NS will crash when the window is less narrow. If you make the window narrower in small increments and let NS re-render the page each time, there will be no crash.</p> +</div> + +</body></html> diff --git a/works/object-block.html b/works/object-block.html new file mode 100644 index 0000000..a27ef0e --- /dev/null +++ b/works/object-block.html @@ -0,0 +1,34 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Block object test</title> +</head> + +<body> + +<h1>Block object test</h1> + +<h2>Test 1</h2> +<div> +<object type="text/html" data="3d-border-colour.html" style="display: block"> +Hello, world! +</object> +</div> + +<h2>Test 2</h2> +<div> +<object type="text/html" data="3d-border-colour.html" style="display: table-cell"> +Hello, world! +</object> +</div> + +<h2>Test 3</h2> +<div> +<object data="drawing" style="display: block"> +Hello, world! +</object> +</div> + +</body> +</html> diff --git a/works/object.html b/works/object.html new file mode 100644 index 0000000..45e55b3 --- /dev/null +++ b/works/object.html @@ -0,0 +1,65 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Object test</title> +<style type="text/css"> +/*object { display: inline-block }*/ +</style> +</head> + +<body> + +<h1>Object test</h1> + +<h2>Test 1</h2> +<p> +<object type="text/html" data="3d-border-colour.html"> +<object data="drawing"> +Hello, world! +</object> +<table> +<tr><th>A</th><th>B</th></tr> +<tr><td>1</td><td>2</td></tr> +</table> +</object> +</p> + +<h2>Test 2</h2> +<p> +<object type="text/html" data="zzz3d-border-colour"> +<object data="drawing"> +Hello, world! +</object> +<table> +<tr><th>A</th><th>B</th></tr> +<tr><td>1</td><td>2</td></tr> +</table> +</object> +</p> + +<h2>Test 3</h2> +<p>Both objects in this sample are broken [ +<object type="text/html" data="zzz3d-border-colour"> +<object data="zzzdrawing"> +Hello, world! +</object> +<table> +<tr><th>A</th><th>B</th></tr> +<tr><td>1</td><td>2</td></tr> +</table> +</object> +] +</p> + +<h2>Test 4</h2> +<p> +<object type="text/html" data="zzz3d-border-colour"> +<object data="zzzdrawing"> +Hello, world! +</object> +</object> +</p> + +</body> +</html> diff --git a/works/overflow.html b/works/overflow.html new file mode 100644 index 0000000..b4563e9 --- /dev/null +++ b/works/overflow.html @@ -0,0 +1,84 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Overflow test</title> +</head> + +<body> + +<h1>Overflow test</h1> + +<p style="width: 20em; height: 8em; overflow: hidden; border: solid thin black" +title="overflow: hidden">Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Pellentesque habitant Morbi tristique Senectus +et Metus et malesuada Fames ac turpis Egestas. Vestibulum ante ipsum primis in +faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas.</p> + +<p style="width: 20em; height: 8em; overflow: visible; border: solid thin +black" title="overflow: visible">Vestibulum ante ipsum primis in faucibus orci +luctus et ultrices posuere cubilia Curae; Pellentesque habitant Morbi tristique +Senectus et Metus et malesuada Fames ac turpis Egestas. Vestibulum ante ipsum +primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque +habitant Morbi tristique Senectus et Metus et malesuada Fames ac turpis +Egestas.</p> + +<p style="width: 20em; height: 8em; overflow: scroll; border: solid thin black" +title="overflow: scroll">Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Pellentesque habitant Morbi tristique Senectus +et Metus et malesuada Fames ac turpis Egestas. Vestibulum ante ipsum primis in +faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas.</p> + +<h2>Nested overflow: scroll</h2> + +<div style="width: 30em; height: 16em; overflow: scroll; border: solid thin +black" title="overflow: scroll"> +<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere +cubilia Curae; Pellentesque habitant Morbi tristique Senectus et Metus et +malesuada Fames ac turpis Egestas. Vestibulum ante ipsum primis in +faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas.</p> +<p style="width: 20em; height: 8em; overflow: scroll; border: solid thin black" +title="overflow: scroll">Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Pellentesque habitant Morbi tristique Senectus +et Metus et malesuada Fames ac turpis Egestas. Vestibulum ante ipsum primis in +faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas.</p> +<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere +cubilia Curae; Pellentesque habitant Morbi tristique Senectus et Metus et +malesuada Fames ac turpis Egestas.</p> +</div> + +<h2>Horizontal scrolling</h2> +<div style="width: 20em; height: 8em; overflow: scroll; border: solid thin +black; border-bottom-color: blue" title="overflow: scroll"> +<p style="width: 30em; border: solid thin orange">Vestibulum ante ipsum primis +in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas. +Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia +Curae; Pellentesque habitant Morbi tristique Senectus et Metus et malesuada +Fames ac turpis Egestas. Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Pellentesque habitant Morbi tristique Senectus +et Metus et malesuada Fames ac turpis Egestas. Vestibulum ante ipsum primis in +faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas.</p> +</div> + +<div style="width: 20em; height: 20em; overflow: scroll; border: solid thin +black" title="overflow: scroll"> +<p style="width: 30em; border: solid thin orange">Vestibulum ante ipsum primis +in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas. +Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia +Curae; Pellentesque habitant Morbi tristique Senectus et Metus et malesuada +Fames ac turpis Egestas. Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Pellentesque habitant Morbi tristique Senectus +et Metus et malesuada Fames ac turpis Egestas. Vestibulum ante ipsum primis in +faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque habitant +Morbi tristique Senectus et Metus et malesuada Fames ac turpis Egestas.</p> +</div> + +</body> +</html> diff --git a/works/relative.html b/works/relative.html new file mode 100644 index 0000000..689cb7e --- /dev/null +++ b/works/relative.html @@ -0,0 +1,46 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Relative positioning test</title> +<style type="text/css"> +.rel { border: dotted thin cyan; position: relative; top: 10px; left: 20px } +</style> +</head> + +<body> + +<h1>Relative positioning test</h1> + +<p>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna +elementum arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam +consequat, arcu quis accumsan fringilla, eros eros pretium enim, in +elementum ante lorem a felis.</p> + +<p class="rel">Etiam mauris orci, ultrices ut, laoreet id, lobortis quis, +mauris. Duis elit lorem, elementum a, lobortis vitae, pretium non, wisi. +Sed vel arcu nec justo suscipit semper. Fusce ante arcu, commodo pretium, +tincidunt in, rutrum et, ligula. Nunc at tellus. + +<p>Praesent tincidunt eros eget diam. Praesent vel odio. Morbi adipiscing. +<em class="rel">Cras quis wisi in nunc hendrerit bibendum. Pellentesque +dictum nibh nec dolor. Nam luctus nibh sed mi.</em> Duis sit amet quam et +magna facilisis luctus.</p> + +<hr> + +<table> + <tr> + <th>Table</th> + </tr> + <tr> + <td>Praesent tincidunt eros eget diam. Praesent vel odio. Morbi + adipiscing. <em class="rel">Cras quis wisi in nunc hendrerit bibendum. + Pellentesque dictum nibh nec dolor. Nam luctus nibh sed mi.</em> Duis + sit amet quam et magna facilisis luctus.</td> + </tr> +</table> + +</body> +</html> + diff --git a/works/slashdot-overlap.html b/works/slashdot-overlap.html new file mode 100644 index 0000000..acd6591 --- /dev/null +++ b/works/slashdot-overlap.html @@ -0,0 +1,26 @@ +<html> +<head> +<title>Slashdot Overlap Test</title> +</head> +<body> + +<table> +<tr><td> + + <table width="100"> + <tr><td bgcolor="#ff6666">Login</td></tr> + <tr><td>Why Login?</td></tr> + </table> + +</td> +<td> + + <table> + <tr><td bgcolor="#66ff66">moo</td></tr> + </table> + +</td></tr> +</table> + +</body> +</html>
\ No newline at end of file diff --git a/works/table-defaults.html b/works/table-defaults.html new file mode 100644 index 0000000..b0f9821 --- /dev/null +++ b/works/table-defaults.html @@ -0,0 +1,28 @@ +<html> +<head> +<title>Table Defaults</title> +</head> +<body> +<table> +<tr> +<td style="background-color: #faa;">moo</td> +<td style="background-color: #faa;">moo</td> +</tr> +<tr> +<td style="background-color: #faa;">moo</td> +<td style="background-color: #faa;">moo</td> +</tr> +</table> +<p>Above is an unstyled table (apart from pale red cell backgrounds). Below, padding is set to zero.</p> +<table> +<tr> +<td style="background-color: #faa; padding: 0;">moo</td> +<td style="background-color: #faa; padding: 0;">moo</td> +</tr> +<tr> +<td style="background-color: #faa; padding: 0;">moo</td> +<td style="background-color: #faa; padding: 0;">moo</td> +</tr> +</table> +</body> +</html>
\ No newline at end of file diff --git a/works/tablecollapse.html b/works/tablecollapse.html new file mode 100644 index 0000000..b95b41a --- /dev/null +++ b/works/tablecollapse.html @@ -0,0 +1,117 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Separated borders table test</title> +<style type="text/css"> +table { border: outset 10pt gray; + border-collapse: collapse; + border-spacing: 15pt; } +td { border: inset 5pt gray; + padding: 5pt; } +td + td + td { border: dotted 10pt orange; } +</style> +</head> + +<body> + +<h1>Collapsing borders table test</h1> + +<table> + +<tr> +<td>Praesent ut eros. Aenean quis felis. Sed iaculis venenatis lorem. Etiam +dictum. Etiam eu felis luctus lorem pretium sodales. Nunc pretium consequat +libero. Nunc turpis wisi, tincidunt sit amet, lacinia vitae, iaculis sed, massa. +Nunc odio quam, tincidunt ut, ornare id, dignissim at, mauris. Etiam ac orci. +Integer nibh. Cras sagittis, eros porta aliquam blandit, velit neque pretium +eros, sed imperdiet ante purus sed ipsum. Sed ut mi. Integer vel dui. Duis +bibendum imperdiet tortor.</td> + +<td rowspan="3">Integer nec mauris in lacus ullamcorper varius. Nullam +dignissim aliquam odio. Vestibulum at sem nec diam posuere vulputate. Integer +dictum, est at tincidunt gravida, velit ipsum imperdiet nunc, vitae dictum +odio pede vitae wisi. Maecenas elit augue, auctor in, bibendum at, tempus +eget, erat. Duis adipiscing elit. Etiam a dui. Nam neque. Duis et urna. Proin +erat. Ut vel arcu ut mauris fermentum malesuada. In hac habitasse platea +dictumst. Fusce ultricies, enim nec tempus scelerisque, orci justo dapibus +quam, facilisis imperdiet velit lorem et nibh.</td> + +<td>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna elementum +arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam consequat, arcu +quis accumsan fringilla, eros eros pretium enim, in elementum ante lorem a +felis. Etiam mauris orci, ultrices ut, laoreet id, lobortis quis, mauris. Duis +elit lorem, elementum a, lobortis vitae, pretium non, wisi. Sed vel arcu nec +justo suscipit semper. Fusce ante arcu, commodo pretium, tincidunt in, rutrum +et, ligula. Nunc at tellus. Praesent tincidunt eros eget diam. Praesent vel +odio. Morbi adipiscing. Cras quis wisi in nunc hendrerit bibendum. Pellentesque +dictum nibh nec dolor. Nam luctus nibh sed mi. Duis sit amet quam et magna +facilisis luctus.</td> +</tr> + +<tr> +<td>Suspendisse commodo. Duis consequat lorem ut felis. Quisque nisl augue, +malesuada ut, interdum vel, fermentum sed, metus. Sed est eros, porta quis, +fermentum vel, consectetuer eget, diam. Cras eu urna a quam auctor eleifend. +Aenean leo. Ut non augue. Vivamus in mauris ut tortor bibendum bibendum. Etiam +varius pede in augue. Vestibulum mauris augue, pretium eget, lobortis eu, +condimentum sed, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Aliquam mi mauris, mollis eget, blandit varius, +iaculis ut, turpis. Aliquam sit amet sem. Nulla mauris sem, tristique at, +fringilla non, aliquam ut, quam. Donec lacinia nibh eget sapien. Fusce mollis +nunc at metus.</td> + +<td>Morbi lobortis, velit ut fringilla sollicitudin, sapien turpis aliquet +felis, et faucibus nibh sem a odio. Sed tincidunt, pede vitae suscipit porta, mi +nunc varius erat, id porta nunc justo quis urna. Praesent at odio bibendum odio +rutrum tincidunt. Sed neque. Mauris pharetra odio ut lorem. Etiam ultricies, +eros ut iaculis suscipit, ipsum libero cursus purus, a mattis wisi nunc sed +metus. Quisque ac neque. Aliquam erat volutpat. Phasellus ullamcorper nulla sit +amet diam. Curabitur eu mi quis urna dictum mollis.</td> + +<td>Aenean eu tortor a justo facilisis sagittis. Aliquam erat volutpat. Maecenas +semper. Aliquam facilisis dolor sit amet erat. In tempor nulla et wisi. Morbi +pellentesque, erat vitae feugiat placerat, ante massa rhoncus turpis, eu sodales +diam elit scelerisque felis. Donec eu sem adipiscing erat malesuada ullamcorper. +Proin sit amet pede. Donec lacus mauris, molestie id, mollis et, interdum ac, +pede. Curabitur et est ac magna posuere mattis. Aenean mattis blandit est. Morbi +ac nisl. Duis mollis. Etiam aliquam sollicitudin velit. Aliquam enim orci, +suscipit nec, fringilla quis, porta ac, nulla. Mauris id lorem at velit +condimentum porttitor. Donec consectetuer, justo ac elementum elementum, mauris +nulla dignissim libero, sollicitudin dictum quam nulla nec nunc. In hac +habitasse platea dictumst.</td> +</tr> + +<tr> +<td>Suspendisse egestas semper mauris. Duis dolor dui, placerat vel, dapibus +vitae, convallis in, quam. Praesent et orci. Pellentesque risus. Ut arcu wisi, +lobortis quis, malesuada eget, consequat sit amet, eros. Quisque consequat, odio +quis volutpat tempor, odio eros bibendum odio, nec molestie mi neque nec mi. +Proin et eros. Maecenas pretium augue sed nunc. Suspendisse vehicula tempus +augue. Proin egestas dapibus justo. Cum sociis natoque penatibus et magnis dis +parturient montes, nascetur ridiculus mus. Mauris suscipit, mauris a feugiat +posuere, nulla leo euismod metus, eu pellentesque nunc odio eu erat. Nam a +ipsum. Vestibulum porttitor placerat odio. Maecenas id ante. Nullam venenatis. +Nullam a orci. Quisque libero. Quisque mauris pede, congue vitae, lobortis eget, +iaculis nec, magna. Ut velit lacus, ultrices non, condimentum eget, varius non, +est.</td> + +<td>Pellentesque laoreet diam id lacus varius aliquet. Integer consectetuer. +Nulla porta eros ut arcu. Praesent blandit velit et felis. Integer mauris augue, +ultrices vel, blandit id, luctus id, urna. Fusce nulla tellus, porta at, sodales +nec, fringilla et, lectus. Donec nec eros. Vestibulum nisl lorem, sagittis +vitae, tempor vitae, varius non, nibh. Phasellus dui nunc, dictum eu, imperdiet +eget, consectetuer id, lectus. Sed ac felis.</td> + +<td>Sed velit ipsum, tempus vitae, dapibus quis, aliquet quis, sem. Vestibulum +ante. Nunc sit amet arcu. Phasellus faucibus quam tincidunt sem. Nam semper +hendrerit turpis. Integer turpis. Proin sed odio id nibh consectetuer +ullamcorper. Nulla condimentum mi ut odio. Duis quis odio nec magna posuere +sodales. Donec vulputate venenatis dolor. Curabitur tristique adipiscing augue. +Nulla ornare semper ipsum. Vestibulum adipiscing, libero eget malesuada lacinia, +diam metus semper leo, nec consectetuer libero tellus nec mauris.</td> +</tr> +</table> + +</body> +</html> diff --git a/works/tableseparate.html b/works/tableseparate.html new file mode 100644 index 0000000..7cba20e --- /dev/null +++ b/works/tableseparate.html @@ -0,0 +1,117 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Separated borders table test</title> +<style type="text/css"> +table { border: outset 10pt gray; + border-collapse: separate; + border-spacing: 15pt; } +td { border: inset 5pt gray; + padding: 5pt; } +td + td + td { border: dotted 10pt orange; } +</style> +</head> + +<body> + +<h1>Separated borders table test</h1> + +<table> + +<tr> +<td>Praesent ut eros. Aenean quis felis. Sed iaculis venenatis lorem. Etiam +dictum. Etiam eu felis luctus lorem pretium sodales. Nunc pretium consequat +libero. Nunc turpis wisi, tincidunt sit amet, lacinia vitae, iaculis sed, massa. +Nunc odio quam, tincidunt ut, ornare id, dignissim at, mauris. Etiam ac orci. +Integer nibh. Cras sagittis, eros porta aliquam blandit, velit neque pretium +eros, sed imperdiet ante purus sed ipsum. Sed ut mi. Integer vel dui. Duis +bibendum imperdiet tortor.</td> + +<td rowspan="3">Integer nec mauris in lacus ullamcorper varius. Nullam +dignissim aliquam odio. Vestibulum at sem nec diam posuere vulputate. Integer +dictum, est at tincidunt gravida, velit ipsum imperdiet nunc, vitae dictum +odio pede vitae wisi. Maecenas elit augue, auctor in, bibendum at, tempus +eget, erat. Duis adipiscing elit. Etiam a dui. Nam neque. Duis et urna. Proin +erat. Ut vel arcu ut mauris fermentum malesuada. In hac habitasse platea +dictumst. Fusce ultricies, enim nec tempus scelerisque, orci justo dapibus +quam, facilisis imperdiet velit lorem et nibh.</td> + +<td>Pellentesque pulvinar, lacus vitae imperdiet posuere, nibh urna elementum +arcu, at interdum metus nibh et velit. Donec vitae est. Aliquam consequat, arcu +quis accumsan fringilla, eros eros pretium enim, in elementum ante lorem a +felis. Etiam mauris orci, ultrices ut, laoreet id, lobortis quis, mauris. Duis +elit lorem, elementum a, lobortis vitae, pretium non, wisi. Sed vel arcu nec +justo suscipit semper. Fusce ante arcu, commodo pretium, tincidunt in, rutrum +et, ligula. Nunc at tellus. Praesent tincidunt eros eget diam. Praesent vel +odio. Morbi adipiscing. Cras quis wisi in nunc hendrerit bibendum. Pellentesque +dictum nibh nec dolor. Nam luctus nibh sed mi. Duis sit amet quam et magna +facilisis luctus.</td> +</tr> + +<tr> +<td>Suspendisse commodo. Duis consequat lorem ut felis. Quisque nisl augue, +malesuada ut, interdum vel, fermentum sed, metus. Sed est eros, porta quis, +fermentum vel, consectetuer eget, diam. Cras eu urna a quam auctor eleifend. +Aenean leo. Ut non augue. Vivamus in mauris ut tortor bibendum bibendum. Etiam +varius pede in augue. Vestibulum mauris augue, pretium eget, lobortis eu, +condimentum sed, arcu. Vestibulum ante ipsum primis in faucibus orci luctus et +ultrices posuere cubilia Curae; Aliquam mi mauris, mollis eget, blandit varius, +iaculis ut, turpis. Aliquam sit amet sem. Nulla mauris sem, tristique at, +fringilla non, aliquam ut, quam. Donec lacinia nibh eget sapien. Fusce mollis +nunc at metus.</td> + +<td>Morbi lobortis, velit ut fringilla sollicitudin, sapien turpis aliquet +felis, et faucibus nibh sem a odio. Sed tincidunt, pede vitae suscipit porta, mi +nunc varius erat, id porta nunc justo quis urna. Praesent at odio bibendum odio +rutrum tincidunt. Sed neque. Mauris pharetra odio ut lorem. Etiam ultricies, +eros ut iaculis suscipit, ipsum libero cursus purus, a mattis wisi nunc sed +metus. Quisque ac neque. Aliquam erat volutpat. Phasellus ullamcorper nulla sit +amet diam. Curabitur eu mi quis urna dictum mollis.</td> + +<td>Aenean eu tortor a justo facilisis sagittis. Aliquam erat volutpat. Maecenas +semper. Aliquam facilisis dolor sit amet erat. In tempor nulla et wisi. Morbi +pellentesque, erat vitae feugiat placerat, ante massa rhoncus turpis, eu sodales +diam elit scelerisque felis. Donec eu sem adipiscing erat malesuada ullamcorper. +Proin sit amet pede. Donec lacus mauris, molestie id, mollis et, interdum ac, +pede. Curabitur et est ac magna posuere mattis. Aenean mattis blandit est. Morbi +ac nisl. Duis mollis. Etiam aliquam sollicitudin velit. Aliquam enim orci, +suscipit nec, fringilla quis, porta ac, nulla. Mauris id lorem at velit +condimentum porttitor. Donec consectetuer, justo ac elementum elementum, mauris +nulla dignissim libero, sollicitudin dictum quam nulla nec nunc. In hac +habitasse platea dictumst.</td> +</tr> + +<tr> +<td>Suspendisse egestas semper mauris. Duis dolor dui, placerat vel, dapibus +vitae, convallis in, quam. Praesent et orci. Pellentesque risus. Ut arcu wisi, +lobortis quis, malesuada eget, consequat sit amet, eros. Quisque consequat, odio +quis volutpat tempor, odio eros bibendum odio, nec molestie mi neque nec mi. +Proin et eros. Maecenas pretium augue sed nunc. Suspendisse vehicula tempus +augue. Proin egestas dapibus justo. Cum sociis natoque penatibus et magnis dis +parturient montes, nascetur ridiculus mus. Mauris suscipit, mauris a feugiat +posuere, nulla leo euismod metus, eu pellentesque nunc odio eu erat. Nam a +ipsum. Vestibulum porttitor placerat odio. Maecenas id ante. Nullam venenatis. +Nullam a orci. Quisque libero. Quisque mauris pede, congue vitae, lobortis eget, +iaculis nec, magna. Ut velit lacus, ultrices non, condimentum eget, varius non, +est.</td> + +<td>Pellentesque laoreet diam id lacus varius aliquet. Integer consectetuer. +Nulla porta eros ut arcu. Praesent blandit velit et felis. Integer mauris augue, +ultrices vel, blandit id, luctus id, urna. Fusce nulla tellus, porta at, sodales +nec, fringilla et, lectus. Donec nec eros. Vestibulum nisl lorem, sagittis +vitae, tempor vitae, varius non, nibh. Phasellus dui nunc, dictum eu, imperdiet +eget, consectetuer id, lectus. Sed ac felis.</td> + +<td>Sed velit ipsum, tempus vitae, dapibus quis, aliquet quis, sem. Vestibulum +ante. Nunc sit amet arcu. Phasellus faucibus quam tincidunt sem. Nam semper +hendrerit turpis. Integer turpis. Proin sed odio id nibh consectetuer +ullamcorper. Nulla condimentum mi ut odio. Duis quis odio nec magna posuere +sodales. Donec vulputate venenatis dolor. Curabitur tristique adipiscing augue. +Nulla ornare semper ipsum. Vestibulum adipiscing, libero eget malesuada lacinia, +diam metus semper leo, nec consectetuer libero tellus nec mauris.</td> +</tr> +</table> + +</body> +</html> diff --git a/works/targets.html b/works/targets.html new file mode 100644 index 0000000..e68cb05 --- /dev/null +++ b/works/targets.html @@ -0,0 +1,12 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" + "http://www.w3.org/TR/html4/frameset.dtd"> +<html> +<head> +<title>Frame targets test</title> +</head> + +<frameset cols="*,*"> +<frame name="frame1" src="frame1.html"> +<frame name="frame2" src="frame2.html"> +</frameset> +</html> diff --git a/works/textalign.html b/works/textalign.html new file mode 100644 index 0000000..0f1948a --- /dev/null +++ b/works/textalign.html @@ -0,0 +1,46 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>Text-align test</title> +</head> + +<body> + +<h1>Text-align test</h1> + +<p style="text-align: left">Left aligned paragraph. Integer felis. Suspendisse +placerat enim et sem viverra aliquet. Nam sodales. Donec arcu velit, tincidunt +eget, suscipit et, suscipit at, purus. Nullam tristique libero quis wisi. +Integer diam nulla, nonummy sed, faucibus at, porta sed, tortor. Vivamus sem. +Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia +Curae; Donec ante. Ut pellentesque. Phasellus vulputate placerat lacus. Aliquam +a risus a mauris luctus tempor. Maecenas volutpat. Nam mollis convallis sapien. +Nulla molestie tincidunt dui. Donec adipiscing, quam vitae mattis suscipit, +justo elit bibendum wisi, ac viverra ligula turpis ac tortor. Quisque molestie +luctus ante. Pellentesque ac velit quis orci dignissim consequat.</p> + +<p style="text-align: center">Centered paragraph. Aliquam ligula risus, pharetra +non, dapibus eu, vestibulum et, pede. Donec diam orci, consequat ut, scelerisque +ut, vestibulum sed, felis. Quisque ipsum. Donec vestibulum, nisl et porttitor +feugiat, lacus velit sodales elit, non interdum leo sem ac sapien. Donec risus +tellus, convallis sit amet, congue pellentesque, vestibulum sagittis, risus. +Curabitur elementum. Suspendisse gravida sem. Donec condimentum. Donec et erat. +Cras nonummy. Donec ut mi. In pharetra. Curabitur egestas volutpat ligula. +Vestibulum fermentum purus at diam. Ut ornare quam ut pede. Praesent ultrices +tincidunt quam. In sed enim quis enim mollis malesuada. Suspendisse accumsan, +velit nec molestie adipiscing, erat lorem consectetuer tellus, quis vulputate +ipsum ante at eros. Donec laoreet mi eu felis.</p> + +<p style="text-align: right">Right-aligned paragraph. Suspendisse at sem. Sed +nec quam ut sapien aliquet fermentum. Curabitur lacus nibh, congue id, lobortis +ac, ultricies at, felis. Proin ipsum ipsum, ultrices eu, porttitor ut, +condimentum ac, quam. Mauris sodales dignissim purus. Aenean et nibh. Vestibulum +sagittis scelerisque ante. Vestibulum ante ipsum primis in faucibus orci luctus +et ultrices posuere cubilia Curae; Cras pede odio, mollis nec, hendrerit quis, +dapibus at, urna. Aliquam eget nisl. Integer augue. Morbi et orci ac nunc +volutpat gravida. Integer laoreet. Quisque fringilla. Nulla tristique libero at +sapien. Nam auctor.</p> + +</body> +</html> diff --git a/works/unclickable-link.html b/works/unclickable-link.html new file mode 100644 index 0000000..9b0e105 --- /dev/null +++ b/works/unclickable-link.html @@ -0,0 +1,22 @@ +<html> +<head> +<title>Unclickable Link (iframe overflow)</title> +</head> +<body> + +<table width="754" align="center" cellpadding="0" class="table" cellspacing="3"> + +<tr> +<td valign="top"> +<iframe width="410" height="22" src="3d-border-colour.html"></iframe></td> +</tr> + + +<tr> +<td><a href="">This link text becomes unclickable.</a></td> +</tr> + +</table> + +</body> +</html> diff --git a/works/wiki-test.html b/works/wiki-test.html new file mode 100644 index 0000000..ea192aa --- /dev/null +++ b/works/wiki-test.html @@ -0,0 +1,15 @@ +<html> +<head> +<title>Test case for unusable wikipedia navbar</title> +</head> +<body> + +<div style="width: 100%; float: right; margin: 0 0 0 -5em;"> + + <div style="margin: 0 0 0 5em;">The link is unclickable.</div> + +</div> +<a href="">Test link</a> + +</body> +</html>
\ No newline at end of file |
