Forums > putting another div on top of the header (band myspace)

Full Version: putting another div on top of the header (band myspace)

Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics

jbarber07

Mar 29 2009, 04:34 AM

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>

Mickey

Mar 29 2009, 06:27 AM

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

Mar 29 2009, 06:43 AM

THANK YOU SO SO MUCH!!!!!!

Mickey

Mar 29 2009, 06:58 AM

Topic closed & moved.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.