topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-web-html-09-exercise.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Fixed width page design</title>
  <link rel="stylesheet" type="text/css" href="exercise.css"
</head>
<body>
<div id="maincontainer">
  <div id="topsection"><h1>The London News</h1></div>

  <div id="leftcolumn">
    <a class="nav1" href="">Local News</a>
    <a class="nav2" href="">National News</a>
    <a class="nav3" href="">World News</a>
    <a class="nav4" href="">Politics</a>
    <a class="nav5" href="">Science</a>
    <a class="nav6" href="">Technology</a>
    <a class="nav7" href="">Travel</a>
    <a class="nav8" href="">Business</a>
    <a class="nav9" href="">Education</a>
    <a class="nav10" href="">Entertainment</a>
  </div>

  <div id="contentwrapper">
    <div id="contentcolumn">

      <img src="basic-web-html-09-images-london.jpg" width="350" height="210"  alt="London Cityscape in Winter" align="left" />
      <h2>The Big Freeze</h2>
      <p>London braces itself for a big freeze as forcasters predict a severe drop in temperature across the capital. The Met Office weather team indicated that temperatures would remain in negative figures until Wednesday with winds making it feel even colder.</p>
      <div class="readmore"><a href="">Read more</a></div>

      <div class="clear"><br /></div>

      <div class="secondaryStory">
        <img src="basic-web-html-09-images-cows.jpg" width="110" height="72"  alt="Cows on a farm" align="left" />
        <h3>Farms Cleared</h3>
        <p>The three farms at the centre of the latest scare to hit the agricultural community have been given the all clear.</p>
        <div class="readmore"><a href="">Read more</a></div>
      </div>

      <div class="secondaryStory">
        <img src="basic-web-html-09-images-houses.jpg" width="110" height="72"  alt="Row of houses" align="left" />
        <h3>Interest Rate Rises</h3>
        <p>The Bank of England has raised the base interest rate another half percent - the fourth consecutive rise in interest rates in as many quarters.</p>
        <div class="readmore"><a href="">Read more</a></div>
      </div>

      <div class="clear"></div>
    </div>
  </div>

  <div id="footer">Fixed width page design</div>

</div>
</body>
</html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/08/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.