advanced DIV help please, add, view, buttons etc.. Options

[bluegoldspirit25]

hey I am putting up a DIV overlay profile and I need help with the add, view pics buttons and so forth...

myspace.com/iamtylerjackson

how do I get the links to each one right where the text is?
(ex: the "block" link on top of the "block" text)

could anyone help me?
thanks!

[*This Confession*]

Explain what you want to do again?

All you do is position each one of them

to make a link:

CODE

<a href=LINK>LINK NAME</a>

[bluegoldspirit25]

sorry it's not so clear: I don't know how to position them.

I know you need something about coordinates, yes? maybe not.

help??

[GREASEbaby]

Use and place this code into your I'd Like to Meet:

CODE

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

And a little mini tutorial (can also be found pinned in the simple div overlay tutorial):

For the image, you only need to change the width and the height to fit your image.

For the content, you can change the class of the div, the left alignment, top alignment, width, height, and overflow. If you want the div to have a scrollbar, use this div code. Open the image in Microsoft Paint to get the alignments.

IPB Image

If I wanted the div to begin where the black dot is, I would use the paintbrush tool and place it where I want the div to begin. Keep the mouse there, and look in the bottom right corner for two numbers separated by a comma. The first number is your left alignment, and the second is your top.

Positioning

Code:
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

[bluegoldspirit25]

thanks so much! it's appreciated!!

[GREASEbaby]

Mhm, sure. :]

Remember to look at the awesome tutorials that are pinned in this forum. :]