Log In · Register

 
I need help... just started...
aznlove4life89
post Aug 27 2006, 04:06 AM
Post #1


Newbie
*

Group: Member
Posts: 4
Joined: Aug 2006
Member No: 458,465



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
 
 
Start new topic
Replies
freeflow
post Aug 27 2006, 04:38 AM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



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.
QUOTE
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
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: