Log In · Register

 
advanced DIV help please, add, view, buttons etc..
bluegoldspirit25
post Sep 9 2006, 06:15 PM
Post #1


Newbie
*

Group: Member
Posts: 3
Joined: Sep 2006
Member No: 462,909



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!
 
 
Start new topic
Replies
GREASEbaby
post Sep 10 2006, 11:13 AM
Post #2


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911



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

QUOTE
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
 

Posts in this topic


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