Ok so Im new to css and I come across a practice exersise to help me learn to code. Im having problems making the page look like the jpg of the finished project. I can send all files upon request.
the html I have is
<!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”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<title>Pour Rite Concrete International</title>
</head>
<body>
<div id=“header”><h1>Pour Rite Concrete International</h1></div>
<div id=“navigation”></div>
<div id=“content”>
Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Curabitur fringilla magna sed metus. Sed accumsan. In nec metus in sem venenatis ornare. Curabitur vitae nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquam velit. Duis elit. Integer risus lacus, congue ac, mattis et, rhoncus quis, mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce sit amet ante ac velit viverra aliquet. In auctor eros malesuada velit. Donec erat metus, elementum a, suscipit in, auctor sed, mi. Nullam sollicitudin magna eget felis. Proin sit amet neque nec metus bibendum nonummy.
Proin condimentum gravida urna. Praesent in justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam congue sem ac magna. Maecenas mauris magna, laoreet nec, mattis non, consectetuer eu, diam. Aliquam tristique nisl nec enim lobortis volutpat.
Vestibulum eget nisi. Maecenas at ligula. Duis neque dolor, fringilla ac, vehicula et, sollicitudin non, justo. In malesuada facilisis lorem. Cras a eros in erat vulputate egestas. Aliquam non purus. Aenean at orci. Aliquam ornare pharetra justo.
Vestibulum faucibus purus eleifend leo. Sed aliquet dui id massa. Suspendisse eget tellus posuere est aliquet auctor. Curabitur cursus. Integer facilisis pede ut nisi. Etiam sed lorem.
</div>
<div id=“sidebar”>
Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Curabitur fringilla magna sed metus. Sed accumsan. In nec metus in sem venenatis ornare. Curabitur vitae nulla.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquam velit. Duis elit.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce sit amet ante ac velit viverra aliquet. In auctor eros malesuada velit.
Article Archives
<ul>
<li> hymenaeos </li>
<li>Fusce sit amet ante </li>
<li> visited link</li>
<li> In auctor eros </li>
<li> malesuada velit</li>
</ul>
</div>
<div id=“footer”>
Want to Learn More?
Article About Concrete Pouring
Concrete Pouring Article Two
Things You Should Know
Stuff About Concrete
Why Pour Rite is the Best
images/truck.jpg
<div id=“secondarynav”>
About |
Products |
History |
Contact |
Privacy Policy |
Home
</div>
</div>
</body>
</html>
..................
The css I have is
body {
background-image:url(images/background-concrete.jpg);
width: 755px;
margin: 0 auto;
}
#container {
background: url(images/bg.gif) repeat-y;
width: 755px;
}
#navigation {
margin-top: -183px;
margin-left:25px;
}
#header {
height: 262px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}
#content {
background: #f5f5f3;
width: 470px;
float: left;
margin-top: -120px;
margin-left:25px;
padding-left: 0px;
}
#sidebar {
background: #f5f5f3;
width: 215px;
float: left;
margin-top: -120px;
padding-left: 20px;
}
#footer {
background: url(images/footer.gif) no-repeat;
height: 68px;
clear: both;
}
................
its supose to look like the jpg I have that I can send if needed and will attach pics from side with this post