Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

HTML help required...

Discussion in 'Website Design Forum:' started by dogthomson, Sep 7, 2010.

  1. dogthomson

    dogthomson Junior Member

    HTML help needed!

    I'm building a wee site for our Sunday League football team, though I learned HTML pre-CSS, so I'm struggling a little to get the home page to look as I'd like.

    Basically I can't get the left and content divs to stretch right the way to the bottom of the page. Here's what I mean...


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"""><html><head><title>Chapeltown Royal British Legion F.C. - Members of the Blades Super Draw Sunday Sports League</title><link rel="stylesheet" type="text/css" href="mystyle.css" /></head><body><div class="left"><img src="RBLlogo.jpg" alt="Royal British Legion logo" /><ul><li><a href="index2.htm">Home</a></li><li><a href="fixtures.htm">Fixtures</a></li><li><a href="results.htm">Results</a></li><li><a href="table.htm">Table</a></li><li><a href="squad.htm">Squad</a></li><li><a href="about.htm">About</a></li></ul></div><div class="content"><h1>Chapeltown Royal British Legion F.C.</h1><p>Blah blah blah...</p><p>Lots of lovely words!</p></div></body></html>
    body{font-family:"Arial", sans serif; background-color:#0b1f5c;margin:0;padding:0;}div.left{float:left;width:200px;margin:0;padding:0;}div.content{background-color:#ffffff;margin-left:200px;width:800px;padding:5px;}ul{list-style-type:none;margin:0;padding:0;}a:link,a:visited{display:block;font-weight:bold;font-size:14pt;color:#0b1f5c;background-color:#ffffff;width:200px;text-align:center;padding:4px 0px;text-decoration:none;}a:hover,a:active{background-color:#d4a902;}
    Can anyone help? Sorry if this is a really easy question! Also, is there a more refined way to center the site using CSS rather than whacking center tags round everything?
  2. Harry

    Harry Senior Member

  3. glenwheeler

    glenwheeler Senior Member

    You need some structure there dude CSS box model is he best thing to look at from where you are starting.... You need to add something to wrap around the whole lot.

    Harry's link is good above, check out CSS Box Model also
  4. Harry

    Harry Senior Member

    There are no box-model issues there, it just needs faux columns…

Share This Page