Log In · Register

 
Need help positioning pictures!
8trackpromo
post May 16 2009, 04:42 PM
Post #1


Member
**

Group: Member
Posts: 18
Joined: Sep 2007
Member No: 572,962



Im trying to help finish a layout for my band, but not going so well. We have a top banner, and would like a picture of each member on the banner, right above the ad and myspace bar, we want them clickable to our personal pages. When i position them, it looks totally different on different monitors. Heres what im posting the pictures

CODE
<img src="http://i391.photobucket.com/albums/oo357/8trackdesigns/blaine-guitarcopy.jpg" border="0" alt="Blaine myspace" style="position:absolute;top:1030px;left:280px;width:174px;height:174px;" /></a></p>


How do i make it in the same place on different browsers and monitors?
Reason for edit: Please use [code] tags when posting codes. - Mike
 
 
Start new topic
Replies
Mickey
post May 16 2009, 04:53 PM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



Create a DIV for them instead, like this:

CODE
<div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9; height:#px; width:#px;">
<a href="LINK"><img src="URL" alt="" /></a>
<a href="LINK"><img src="URL" alt="" /></a>
<a href="LINK"><img src="URL" alt="" /></a>
<a href="LINK"><img src="URL" alt="" /></a>
<a href="LINK"><img src="URL" alt="" /></a>
</div>

Replace the top and margin-left pound symbols with appropriate values according to where you want to place the image links. Replace the height and width pound symbols depending on what size you want the DIV to be. Replace LINK with the link of each person's profile. Replace URL with the url of the image you want to turn into a link.
 

Posts in this topic


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