PDA

View Full Version : Content area on the right


xashx
04-10-2010, 07:10 AM
It seem like I got everything correct like my logo and navigation buttons of the left side of page but having trouble getting my content page on the right.

Here's my HTML code
<!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=iso-8859-1" />
<title>Nick's Portfolio</title>
<style type="text/css">
<!--
body {
background-color: #F9EAC3;
}
-->
</style>
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="logo"><img src="images/index_01.jpg" width="415" height="212" /></div>
<div id="navigation"><img src="images/WORK.jpg" width="143" height="20" /><img src="images/BIO.jpg" width="65" height="20" /><img src="images/RESUME.jpg" width="82" height="20" /><img src="images/CONTACT.jpg" width="125" height="20" /></div>
<div id="headerImg"></div>
</div>
</body>
</html>


Here's my CSS
* {
margin: 0px;
padding: 0px;
}
#wrapper {
background-color: #F9EAC3;
height: 768px;
width: 1024px;
margin-right: auto;
margin-left: auto;
}
#wrapper #logo {
height: 212px;
width: 415px;
}
a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#wrapper #navigation {
background-color: #F9EAC3;
height: 20px;
width: 415px;
font-family: "Gill Sans MT";
font-size: 18px;
}
#wrapper #headerImg {
background-color: #F9EAC3;
background-image: url(../from%20photoshop/images/index_04.jpg);
height: 536px;
width: 415px;
background-repeat: no-repeat;
}

Any suggestions?

Corrosive
04-10-2010, 07:34 AM
What kind of trouble are you having? Do you understand about using floats?

xashx
04-10-2010, 07:43 AM
What kind of trouble are you having? Do you understand about using floats?

http://img541.imageshack.us/img541/4564/nicksitesample.jpg

See that content box on the right? I'm trying to replicate that in Dreamweaver using DIV's. For some reason I can't put a div box on the right where my content area is. How do you do that? Also I do have some knowledge about floats. Can you expand?

Corrosive
04-10-2010, 07:58 AM
Here, try this; http://corrosiveonline.co.uk/tutorials_css_floats_for_layout.php You should be able to adapt the examples to suit your needs fairly easily.