Any HTML5 / WebDev peeps here? Urgent!

EchoedTruth · #1 01-30-2013, 01:49 PM

Hey everyone,

So I'm designing my first website for a business I'm starting up - I can't for the life of me get this one thing right.

My nav section will not line up with my article section (nav = home, about us, services... article = the llama rant).

Here is my code so far:

HTML Code:

<!DOCTYPE html> 
  <html> 
  <head> 
   ****** charset="utf-8"> 
   <!--[if lt IE 9]>
			<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<title> My Magical World </title> 
		
		<style>
   
   html, body { margin: 0px; padding: 0px; border: 0px } 
   body { background-color: silver } 
   article { margin: 20px; padding: 15px; border: 2px solid black;  }
   footer {  clear:both; background-color: red; border:5px solid black; text-align:center;  } 
   
   * { margin: 0; }
   html, body { height: 100%; }
   .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; }
   .footer, .push { height: 4em; }
   .b { border:5px solid black; text-align: center; background-color: red; }
   .field { border:2px solid black; text-align: center; background-color: red; } 
 
    
	
	</style> 
    </head> 
	
  <body>
 
     <div class="wrapper">
 
       <header class="b">
 
        <h1 style="border: 5px solid black">
 
        Hello World!
 
       </h1>
 
      <h2 style="border: 2px solid black">
 
      Welcome to a magic world
 
      </h2>
 
    </header>

 
    <nav style="background-color: red; border: 2px solid black; margin: 10px; padding: 10px; float: left; ">
     
      <fieldset class="field"><a href="BTSMain.html"><b>Home</b> </a></fieldset>
      <fieldset class="field"><a href="BTSServices.html"><b>Services We Offer</b></a></fieldset> 
      <fieldset class="field"><a href="BTSAboutUs.html"><b>Request Service</b></a></fieldset>
      <fieldset class="field"><a href="BTSTestPage.html"><b>Contact Us</b></a></fieldset>
      <fieldset class="field"><a href="BTSTestPage2.html"><b>About BTS</b></a></fieldset>
		
     </nav>
	 
  
     <article style="float: left">
 
      My world is a strange place... it is populated by lemurs, lobsters, larvae, lampreys, and llamas. Lllaaaammmaaaaaaaaaassssssssssssssssssssssssss........... Lllaaaammmmmmmmaaaaaaassssssssssssssss
 
      <h4> <b> Llamas...... </b> </h4>
 
    </article>
    

      <div class="push"> </div> 
      </div> 
 
 
    <div class="footer"> 
	
    <footer>
 
    <h1> <a href="BTSAboutUs.html"><b>About My World </b></h1>
 
    </footer>
 
    </div>
 
  </body>
	
	
	
</html>

Thanks in advance [You must be logged in to view images. Log in or Register.]