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.]