View Full Version : Problem trying to code this particular psd

06-27-2010, 01:41 AM
Hi I'm not sure how I should slice and code this particular psd.....here's a screenshot but bear in mind I'm having trouble only coding the main body section after the navbar. Before that I'm fine.


Secondly here are the .png's I've sliced from the main image.


Bear in mind it's going to be a Wordpress theme ie. the height of the container would be different each time, so body_background.png needs to tile vertically. Then the text needs to start further up over body_bgtop.png which won't repeat as a background.

So this is what I've written.

<style type="text/css">

background: #000000;
margin: 0px;
padding: 0px;
color: #ffffff

width: 1245px;
margin: 0px auto;
background: url(images/body_background.png) repeat-y;

width: 1245px;
background: url(images/body_bgtop.png) no-repeat;



<div id="container">
<div id="container-bgtop">
Text goes here


Whilst this does achieve the goal I mentioned above it makes body_background.png appear overlapping body_bgtop.png.

If someone could advise it would be much appreciated.

06-27-2010, 02:15 AM
I'm still learning myself but why do you need <div id="container-bgtop"> inside <div id="container"> could you not just have.

<div id="container"></div>
<div id="container-bgtop">
Text goes here

Other than that cant you just use padding to position it?

padding: 0px 0px 0px 0px; /* top-right-bottom-left */

This could be nonsense if so just ignore it :D