Finish test case tidy up.

svn path=/trunk/netsurftest/; revision=2990

23 files changed, 34 insertions, 21 deletions

diff --git a/ReadMe b/ReadMe
new file mode 100644
index 0000000..667b0ab
--- /dev/null
+++ b/ReadMe
@@ -0,0 +1,13 @@
+NetSurf test cases are split into the following directories:
+
+	crashes/		For test cases that cause crashes
+	haveproblems/		For test cases that have problems
+	works/			For any test case that works
+
+	images/			For images used by the test cases
+
+
+
+Please try to make test cases as self contained as possible.
+
+Put CSS data in a STYLE tag or attribute, rather than in an external file.
\ No newline at end of file
diff --git a/negative-margin-crash.html b/crashes/negative-margin-crash.html
index ba147f8..ba147f8 100644
--- a/negative-margin-crash.html
+++ b/crashes/negative-margin-crash.html
diff --git a/style-crash.html b/crashes/style-crash.html
index 2e54bda..2e54bda 100644
--- a/style-crash.html
+++ b/crashes/style-crash.html
diff --git a/absolute.html b/haveproblems/absolute.html
index 99efde2..99efde2 100644
--- a/absolute.html
+++ b/haveproblems/absolute.html
diff --git a/amazon-2.html b/haveproblems/amazon-2.html
index 9327d85..9327d85 100644
--- a/amazon-2.html
+++ b/haveproblems/amazon-2.html
diff --git a/amazon.html b/haveproblems/amazon.html
index 94d2627..79fc453 100644
--- a/amazon.html
+++ b/haveproblems/amazon.html
@@ -84,22 +84,22 @@ vertical-align: top;
 </style>
 <tr align="center">
 <td class="gateway-subnav-outer-border" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="gateway-subnav-inner-border">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="subnav">INTERNATIONAL</a>&nbsp;</div>
+<div class="gateway-subnav-inner-border">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="subnav">INTERNATIONAL</a>&nbsp;</div>
 </td>
 <td class="gateway-subnav-outer-border" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="gateway-subnav-inner-border">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="subnav">HOW TO ORDER</a>&nbsp;</div>
+<div class="gateway-subnav-inner-border">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="subnav">HOW TO ORDER</a>&nbsp;</div>
 </td>
 <td class="gateway-subnav-outer-border" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="gateway-subnav-inner-border">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="subnav">GIFT CERTIFICATES</a>&nbsp;</div>
+<div class="gateway-subnav-inner-border">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="subnav">GIFT CERTIFICATES</a>&nbsp;</div>
 </td>
 <td class="gateway-subnav-outer-border" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="gateway-subnav-inner-border">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="subnav">SELL YOUR STUFF</a>&nbsp;</div>
+<div class="gateway-subnav-inner-border">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="subnav">SELL YOUR STUFF</a>&nbsp;</div>
 </td>
 <td class="gateway-subnav-outer-border" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="gateway-subnav-inner-border">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="subnav">STAR WARS</a>&nbsp;</div>
+<div class="gateway-subnav-inner-border">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="subnav">STAR WARS</a>&nbsp;</div>
 </td>
 <td class="gateway-subnav-outer-border" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="gateway-subnav-inner-border">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="subnav">HARRY POTTER</a>&nbsp;</div>
+<div class="gateway-subnav-inner-border">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="subnav">HARRY POTTER</a>&nbsp;</div>
 </td>
 </tr></table>
 
@@ -116,22 +116,22 @@ vertical-align: top;
 <table border="0" cellpadding="0" cellspacing="0">
 <tr align="center">
 <td class="navouter" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="navinner">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="nav">INTERNATIONAL</a>&nbsp;</div>
+<div class="navinner">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="nav">INTERNATIONAL</a>&nbsp;</div>
 </td>
 <td class="navouter" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="navinner">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="nav">HOW TO ORDER</a>&nbsp;</div>
+<div class="navinner">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="nav">HOW TO ORDER</a>&nbsp;</div>
 </td>
 <td class="navouter" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="navinner">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="nav">GIFT CERTIFICATES</a>&nbsp;</div>
+<div class="navinner">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="nav">GIFT CERTIFICATES</a>&nbsp;</div>
 </td>
 <td class="navouter" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="navinner">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="nav">SELL YOUR STUFF</a>&nbsp;</div>
+<div class="navinner">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="nav">SELL YOUR STUFF</a>&nbsp;</div>
 </td>
 <td class="navouter" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="navinner">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="nav">STAR WARS</a>&nbsp;</div>
+<div class="navinner">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="nav">STAR WARS</a>&nbsp;</div>
 </td>
 <td class="navouter" cellpadding="0" cellspacing="0" valign="middle" nowrap>
-<div class="navinner">&nbsp;<img src="images/3.gif" align="absmiddle"><a href="moo" class="nav">HARRY POTTER</a>&nbsp;</div>
+<div class="navinner">&nbsp;<img src="../images/3.gif" align="absmiddle"><a href="moo" class="nav">HARRY POTTER</a>&nbsp;</div>
 </td>
 </tr></table>
 
@@ -140,7 +140,7 @@ vertical-align: top;
 
 <p>The second issue is that the nowrap attribute is set for each TD that contains one of the links. In each cell, there is a DIV, which contains the arrow image and links. The white-space property should be inherited, so the DIV tag should also have white-space: nowrap. The inheriting seems to work here, as the link text (e.g. HOW TO ORDER) isn't broken when you make the window narrow. It seems white-space: nowrap isn't working with text and images.</p>
 
-<p style="white-space:nowrap;">This long line of text contains an image and it is also has white-space:nowrap set. <img src="images/3.gif"> However, the line will break at the image.</p>
+<p style="white-space:nowrap;">This long line of text contains an image and it is also has white-space:nowrap set. <img src="../images/3.gif"> However, the line will break at the image.</p>
 
 <p style="white-space:nowrap;">This long line of text does not contain an image and it is also has white-space:nowrap set. The line breaks at other tags as well as IMG, e.g. EM and STRONG.</p>
 
diff --git a/background-image-failure3.html b/haveproblems/background-image-failure3.html
index 335bed8..a980c20 100644
--- a/background-image-failure3.html
+++ b/haveproblems/background-image-failure3.html
@@ -1,5 +1,5 @@
 <html>
-<body style="background: url(images/2.png);">
+<body style="background: url(../images/2.png);">
 
 <p style="float:left;">The full background image isn't shown until the window is resized (fixed). The background image does not fill the window when the window is made samller than the content (not fixed).</p>
 
diff --git a/background-on-TEXT.html b/haveproblems/background-on-TEXT.html
index 060e1a5..e47c7b5 100644
--- a/background-on-TEXT.html
+++ b/haveproblems/background-on-TEXT.html
@@ -9,7 +9,7 @@ body { background-color: #275CAC;
 
 
 input { background-color: #13619F; 
-        background-image : url(images/bg.gif);
+        background-image : url(../images/bg.gif);
         border-color : #0D4267 #178DDF #178DDF #0D4267;
         color: #FFFFFF; }
 
@@ -20,18 +20,18 @@ input { text-indent : 2px; }
 input.moo { background-color: #13619F;
             background-color : #FFFFFF;
             border-color :  #178DDF #0D4267 #0D4267 #178DDF;
-            background-image : url(images/bg2.gif); }
+            background-image : url(../images/bg2.gif); }
 
 input.moo2 { background-color: #13619F;
              background-color : #FFFFFF;
              border-color :  #178DDF #0D4267 #0D4267 #178DDF;
-             background-image : url(images/bg2.gif);
+             background-image : url(../images/bg2.gif);
              text-indent : 0; }
 
 input.moo3 { background-color : #FFFFFF;
              background-color: #13619F;
              border-color :  #178DDF #0D4267 #0D4267 #178DDF;
-             background-image : url(images/bg2.gif);
+             background-image : url(../images/bg2.gif);
              text-indent : 0; }
 </style>
 
diff --git a/baseline-alignment.html b/haveproblems/baseline-alignment.html
index bb9ecd5..bb9ecd5 100644
--- a/baseline-alignment.html
+++ b/haveproblems/baseline-alignment.html
diff --git a/button-height.html b/haveproblems/button-height.html
index d0cf139..d0cf139 100644
--- a/button-height.html
+++ b/haveproblems/button-height.html
diff --git a/cellpadding-csspadding.html b/haveproblems/cellpadding-csspadding.html
index e601068..e601068 100644
--- a/cellpadding-csspadding.html
+++ b/haveproblems/cellpadding-csspadding.html
diff --git a/color.html b/haveproblems/color.html
index bdf4bbb..bdf4bbb 100644
--- a/color.html
+++ b/haveproblems/color.html
diff --git a/floated-alt-text.html b/haveproblems/floated-alt-text.html
index f7b855b..f7b855b 100644
--- a/floated-alt-text.html
+++ b/haveproblems/floated-alt-text.html
diff --git a/image-alignment.html b/haveproblems/image-alignment.html
index 8ab8174..164ac94 100644
--- a/image-alignment.html
+++ b/haveproblems/image-alignment.html
@@ -7,8 +7,8 @@
 <table border="0"><tr>
 <td align="right">
 
-<img src="images/1.png" alt="Image 1">
-<img src="images/2.png" alt="Image 2">
+<img src="../images/1.png" alt="Image 1">
+<img src="../images/2.png" alt="Image 2">
 
 </td>
 </tr></table>
diff --git a/inline-test.html b/haveproblems/inline-test.html
index 3d1699c..3d1699c 100644
--- a/inline-test.html
+++ b/haveproblems/inline-test.html
diff --git a/inlineblock.html b/haveproblems/inlineblock.html
index a3008df..a3008df 100644
--- a/inlineblock.html
+++ b/haveproblems/inlineblock.html
diff --git a/osnews-borders.html b/haveproblems/osnews-borders.html
index 0a68ae0..0a68ae0 100644
--- a/osnews-borders.html
+++ b/haveproblems/osnews-borders.html
diff --git a/rowspan-overflow.html b/haveproblems/rowspan-overflow.html
index a102552..a102552 100644
--- a/rowspan-overflow.html
+++ b/haveproblems/rowspan-overflow.html
diff --git a/table-cell-width-and-height.html b/haveproblems/table-cell-width-and-height.html
index 82ee86e..9acc7c4 100644
--- a/table-cell-width-and-height.html
+++ b/haveproblems/table-cell-width-and-height.html
@@ -8,7 +8,7 @@
 <tr>
 <td style="width: 10em; border: 1px solid #021; background-color:#cfe;">
 
-<img src="images/waves.gif" style="border: 0.5em dotted #f00; padding: 1em; margin:1em;">
+<img src="../images/waves.gif" style="border: 0.5em dotted #f00; padding: 1em; margin:1em;">
 
 </td>
 </tr>
diff --git a/table-form-breakage.html b/haveproblems/table-form-breakage.html
index bdc957d..bdc957d 100644
--- a/table-form-breakage.html
+++ b/haveproblems/table-form-breakage.html
diff --git a/tablespan.html b/haveproblems/tablespan.html
index c7b43af..c7b43af 100644
--- a/tablespan.html
+++ b/haveproblems/tablespan.html
diff --git a/tags-before-body.html b/haveproblems/tags-before-body.html
index f41f689..f41f689 100644
--- a/tags-before-body.html
+++ b/haveproblems/tags-before-body.html
diff --git a/w3c-links.html b/haveproblems/w3c-links.html
index 0af275b..0af275b 100644
--- a/w3c-links.html
+++ b/haveproblems/w3c-links.html