Log In · Register

 
putting another div on top of the header (band myspace)
jbarber07
post Mar 29 2009, 04:34 AM
Post #1


Senior Member
***

Group: Member
Posts: 76
Joined: Dec 2008
Member No: 703,593
I need to put a small div on top of the header of the page. it's a "album out now!" type graphic. Whenever I tried to do this, it always ends up being below the header, and when I finally did get it above the header, it moved the header and graphic down way too far.




here is the layout
Band Page


annd here is the header code (its image sliced, if that makes any difference)
CODE
<style>
.profileWidth table { margin-bottom:637px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:800px; height:897px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -690px;
</style>

<div class="gap"></div>



<style type="text/css">
.masthead {position:absolute; top:175px; margin-left:-523px; left:50%; width:800px; height:637px; z-index:2;}
</style>

<div class="masthead">

<head>
<title>HEADER</title>

</head>
<body bgcolor="FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="1045" height="638" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/leftt.png" width="123" height="637" alt=""></td>
<td colspan="11">

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/HEADER_02.png" width="799" height="552" alt=""></td>
<td rowspan="3">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/rightside1.png" width="123" height="637" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/HEADER_04.png" width="14" height="42" alt=""></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2ZpdGZvcmFraW5nYmFuZA==">

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/purevolume.gif" width="214" height="42" border="0" alt=""></a></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/HEADER_06.png" width="70" height="42" alt=""></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFwcGxlLmNvbS9pdHVu">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/itunes.gif" width="100" height="42" border="0" alt=""></a></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/HEADER_08.png" width="77" height="42" alt=""></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9GaXQtRm9yLUEtS2luZy81OTc5OTY3OTYwNj9z
WQ=">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/facebook.gif" width="132" height="42" border="0" alt=""></a></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/HEADER_10.png" width="72" height="42" alt=""></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvRml0Zm9yYUtpbmdCYW5k">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/youtube.gif" width="93" height="42" border="0" alt=""></a></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/HEADER_12.png" width="27" height="42" alt=""></td>

</tr>
<tr>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNTU2ODI4OTk=">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/add.gif" width="199" height="43" border="0" alt=""></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNTU2ODI4OTkmTXlUb2tlbj1jZmY5YTcxYS0xMDUyLTQ5NTEtODE1Zi01MTc1M
MzM2VmZjI=">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/message.gif" width="199" height="43" border="0" alt=""></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE1NTY4Mjg5OSZN
VRva2VuPWNmZjlhNzFhLTEwNTItNDk1MS04MTVmLTUxNzUxMzMzZWZmMg==">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/HEADER_05.gif" width="202" height="43" border="0" alt=""></a></td>
<td colspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=155682899">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/pictures.gif" width="199" height="43" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="123" height="1" alt=""></td>

<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="185" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="29" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="70" height="1" alt=""></td>
<td>

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="100" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="77" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="125" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="72" height="1" alt=""></td>

<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/ffaklayout/spacer.gif" width="123" height="1" alt=""></td>
</tr>
</table>

</body>

</html>

</div>
 
 
 Start new topic
Replies (1 - 3)
Mickey
post Mar 29 2009, 06:27 AM
Post #2


Treasure Pleasure
********

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

CODE
<div style="position:absolute; top:#px; left:50%; margin-left:#px; height:#px; width:#px; z-index:9;">
Insert your graphic here.
</div>

Just replace the pound symbols with appropriate values.
 
jbarber07
post Mar 29 2009, 06:43 AM
Post #3


Senior Member
***

Group: Member
Posts: 76
Joined: Dec 2008
Member No: 703,593
THANK YOU SO SO MUCH!!!!!!
 
Mickey
post Mar 29 2009, 06:58 AM
Post #4


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127
Topic closed & moved.
 
« Next Oldest · Myspace Resolved Topics · Next Newest »
 

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

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic