I need help... just started... Options

[aznlove4life89]

I have a question! i made a whole layout for the page using photoshop and paint!! so basicly its a picture of like banner comment boxs navigation, etc. all together. How am i suppose to put it up on a page and make everything and text go to where it belong?

Thank you for your time

i have an example

[freeflow]

You have to read the part about div positioning. The first code she gives you that looks like this:

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:000px; height:000px; overflow: hidden;">
<img src="IMAGEURLHERE">
</div>

Is how you get your image on there. You take that code and put your image url in there, and position it the way it explains on the bottom. You change the top and left numbers to the positions (read below) you change the width & height to the width and height of the image.

Positioning made easy?


quick lesson on "position: relative"

top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px

quick lesson on "position: absolute"

top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px