[Help] Hand Coding

im new at this lol. i pretty much always use the slice tool in Photoshop but am ready to try a new approach by cutting up the image wit the recatangular marquee tool. i dunno how to code it correctly. Here is what i have done so far but doesnt come out correctly.

Here's the HTML
Here is the CSS
[CODE] #footer {
background-image: url(images/Footer.jpg);
background-repeat:no-repeat;
width: 700px;
height: 37px;
}

#Side_Bar03 {
background-image: url(images/Side_bar03.jpg);
background-repeat: no-repeat;
width: 50px;
height: 600px;
}

#Side_Bar02 {
background-image:url(images/Side_bar02.jpg);
background-repeat: no-repeat;
width: 150px;
height: 593px;
}

What i need help is that Side_Bar02 is under the footer. I dont know how to put it on the left. The layout was suppose to look like this.

http://img409.imageshack.us/my.php?i...rchcars8cg.jpg

The Side_Bar02 is the left big black bar on the left of the content box. That bar is under the footer for some reason.

<div id="footer">
</div>

<div id="Side_Bar02">
</div>

Sort that out first. Then you need to use the float attribute.

i did, now what?

Now you make your sig to forum rules .

float: left
float: right

With a clear inbetween.

can u code it for me quick?so i can see what you have done? please?

Well, usually people don't code for free nor is it really polite to ask. I think the best way to do something is on your own.

Now as they said, to get your sidebar working the float will basically make it go left or right as they have said just add it to your side_bar02 css.

lol, its not for anything. its for my own knowledge. so, can u code it?

Originally Posted by JustinG Well, usually people don't code for free nor is it really polite to ask. I think the best way to do something is on your own.

Don't start with such a complex layout use some simple block coloured elements to understand how CSS works. Once you are confident that you can use single 'color' background then move on to images. Other get a grasp of the basics first.

As opserty said, forget about using images for a while and work with the code. Put a label in each of your divs (just some text so you can see where things are on the page) like <div id="Side_Bar03">Side bar 03</div>.

Then take out your images from the CSS and just apply background-colors, again so you can see where things are on the page. Then play around with positioning, etc. Once that's done, and only ONCE IT IS DONE, you can replace the background colours with images.