I don't understand how to make divs at all..., Can someone help me make one? Options

[gotryce22]

I'm new to this forum, and I read the pinned topics, but I don't understand a single thing they say. I want to make a page that has a pic of my choice as the background, my "About Me" info towards the right of the page, links towards the left of the page and maybe a flash from myflashfetish.com or something to the bottom of the links. If this isn't too much to ask, can someone help me with this?

[*SinfullySweet*]

CODE

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

Okay. The left property, its best that you either make it 50% or 0% Why? Making the left attribute 50% will make the div image centered in all screen resolutions. Since you want the image centered, you're probably going to want to use 50% for the left attribute.

Now to position the div. You have to use margins to position it, since you are using the absolute property. Use this in the div code

CODE

margin-left:##;

By adding positive numbers to the margin-left, you make the div image move to the right. For example. If you add 200px to margin-left:200px, it will make the div image move to the right, but if you want it move to the left, you have to use a negative number of pixels.


For the top property, that just means how far down the image will go, depending on how many pixels you add. For example.

This is the top property

CODE

top:90px;

By adding 90px, your div image will move down 90pixels from the top. You can adjust the top property as much as you want, just dont cover the myspace ad.

If you still dont understand

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