Quote:
Originally Posted by Excavator
Sounds like the way I learned 
Sorry for yanking that snippet. I'm not trying to be a jerk at all! I just didn't want it copy/pasted into your assignment and handed in without your understanding how it works.
Here it is again -
Code:
<!DOCTYPE html>
<html>
<head>
<title>cowsnpigz</title>
<meta charset="utf-8" />
<style type="text/css">
html, body {
margin: 0;
background: #d6d6d6;
font: 100% Tahoma, Geneva, sans-serif;
}
#allt {
width: 800px;
margin: 20px auto;
border: 1px solid #000;
background: #fff;
position: relative;
}
#top_header {
height: 200px;
width: 200px;
float: left;
background: #f00;
}
#right_header {
height: 200px;
width: 600px;
float: right;
background: #00f;
}
ul#top_meny {
line-height: 40px;
margin: 0;
clear: both;
background: #fff;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
}
ul#top_meny li {
padding: 5px;
display: inline-block;
list-style: none;
font: bold 14px Tahoma;
}
#main_section {
width: 550px;
float: left;
background: #f60;
}
#side_news {
width: 250px;
float: right;
background: #9f0;
}
#main_section, #side_news {height: 200px;} /*for demo only*/
#the_footer {
padding: 20px;
border-top: 2px solid green;
clear: both;
text-align: center;
}
</style>
</head>
<body>
<div id="allt">
<header id="top_header"> Logga </header>
<header id="right_header"> hora osv. </header>
<ul id="top_meny">
<li><a href="index.html" title="Main Page">Home</a></li>
<li><a href="photopage.html" title="cow">cows</a></li>
<li><a href="videopage.html" title="pig">pigs</a></li>
</ul>
<section id="main_section">
<!--end main_section--></section>
<aside id="side_news">
<!--end side_news--></aside>
<footer id="the_footer"> Copyright to all pigs </footer>
<!--end allt--></div>
</body>
</html>
A lot of info in this thread. I would suggest studying that box model and floats first. Like I said, the box model is very important and seems to usually be quite the stumbling block in the learning curve. |
Thank you. I am not into the business of cheating. I will read the box model and floats. I had the feeling I was missing out on something.
and again, thanks!