summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMichael Drake <tlsa@netsurf-browser.org>2009-01-22 18:10:41 (GMT)
committer Michael Drake <tlsa@netsurf-browser.org>2009-01-22 18:10:41 (GMT)
commitd38d999b9824829064a2d6417ba73435a114e1b9 (patch)
tree14101b474bf7f6c6a9308d1bc413ba1bf40de8b4
parent82bf44fe3c819493673a43808070e50ae9d88eb9 (diff)
downloadnetsurftest-d38d999b9824829064a2d6417ba73435a114e1b9.tar.gz
netsurftest-d38d999b9824829064a2d6417ba73435a114e1b9.tar.bz2
Test case for BBC homepage basic content layout.
svn path=/trunk/netsurftest/; revision=6178
-rw-r--r--works/stripped-down-bbc-test-layout.html115
1 files changed, 115 insertions, 0 deletions
diff --git a/works/stripped-down-bbc-test-layout.html b/works/stripped-down-bbc-test-layout.html
new file mode 100644
index 0000000..e65d297
--- a/dev/null
+++ b/works/stripped-down-bbc-test-layout.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<style>
+
+h2 { color: orange; }
+
+body {width:974px;margin:0 auto;}
+
+.clearLeft{clear:left;}
+
+.hpColContainer{float:left;margin-left:14px;}
+
+.hpCol{float:left;width:306px;min-height:200px;}
+
+.hpCol-first{min-height:350px;}
+
+.hpMod{float:left;width:306px;background:#fff}
+
+#hpFeatureBox{float:right;width:626px;margin:14px 14px 0 14px;height:300px;background:orange;}
+
+</style>
+</head>
+<body>
+
+<div id="hpFeatureBox"></div>
+
+<div class="clearLeft hpColContainer">
+ <div class="hpCol hpCol-first">
+
+ <div class="hpMod altcolour2 " id="a">
+ <h2>News</h2>
+ <div style="height:9em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2 " id="b">
+ <h2>Sport</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2 " id="n">
+ <h2>Business &amp; Money</h2>
+ <div style="height:9em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2 " id="h">
+ <h2>Entertainment</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2 " id="o">
+ <h2>Weird &amp; Wonderful</h2>
+ <div style="height:7em;background:#fc8;"></div>
+ </div>
+
+ </div>
+</div>
+
+<div class="hpColContainer">
+ <div class="hpCol">
+ <div class="hpMod altcolour2" id="c">
+ <h2>Weather</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2" id="g">
+ <h2>Radio</h2>
+ <div style="height:5em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2" id="m">
+ <h2>Music</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2 " id="r">
+ <h2>Food</h2>
+ <div style="height:4em;background:#fc8;"></div>
+ </div>
+ </div>
+</div>
+
+<div class="hpColContainer">
+ <div class="hpCol">
+
+ <div class="hpMod altcolour2" id="d">
+ <h2>BBC iPlayer</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+
+ <div class="hpMod altcolour2" id="f">
+ <h2>TV</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2" id="i">
+ <h2>Children</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2 " id="k">
+ <h2>Science &amp; Nature</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+
+ <div class="hpMod altcolour2" id="l">
+ <h2>History</h2>
+ <div style="height:3em;background:#fc8;"></div>
+ </div>
+ </div>
+</div>
+
+</body>
+</html>