Help Needed With Section Header Images Options

[roque13]

I ran through the MySpace for Bands tutorial and I was very successful until I got to the part where I wanted to create the Header Pics for the sections like tour, friends, comments etc. I followed exactly what was written but it f's up my page everytime I try to use the codes. Especially when I use the members and influence sections like it says to. Are there any new codes or will someone send me the code that works for them? Thank you all for your time and help. www.myspace.com/jaandthaprez

CODE

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

<div class="masthead">
<table id="Table_01" width="802" height="746" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="http://img14.imageshack.us/img14/1507/headersliced01.gif" width="802" height="708" alt=""></td>
</tr>

<tr>
<td>
<img src="http://img15.imageshack.us/img15/7137/headersliced02.gif" width="74" height="38" alt=""></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ob21lLnBocD8vZ3JvdXAucGhwP2dpZD02MDkzMjI0MTQ5
SZyZWY9dHMvZ3JvdXAucGhwP2dpZD02MDkzMjI0MTQ5NSZyZWY9dHM=">
<img src="http://img21.imageshack.us/img21/9163/facebookq.gif" width="91" height="38" border="0" alt=""></a></td>
<td>
<img src="http://img26.imageshack.us/img26/1087/headersliced04.gif" width="22" height="38" alt=""></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm9tYXJub2FobGV3aXMuY29t">
<img src="http://img23.imageshack.us/img23/640/oboia.gif" width="121" height="38" border="0" alt=""></a></td>
<td>
<img src="http://img145.imageshack.us/img145/8143/headersliced06.gif" width="27" height="38" alt=""></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmtpbmdkb21ldGVybml0eS5jb20=">
<img src="http://img22.imageshack.us/img22/8280/kingdometernity.gif" width="149" height="38" border="0" alt=""></a></td>
<td>
<img src="http://img16.imageshack.us/img16/1647/headersliced08.gif" width="24" height="38" alt=""></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvQW1wZWR1bml0ZWQ=">
<img src="http://img17.imageshack.us/img17/8963/youtubeezq.jpg" width="76" height="38" border="0" alt=""></a></td>
<td>
<img src="http://img15.imageshack.us/img15/7623/headersliced10.gif" width="218" height="38" alt=""></td>
</tr>
</table>

</div>




<style type="text/css">

{This makes the body table transparent.}
{*NOTE* - If you do not want your background table transparent, change "transparent" to a color}
table, tr, td{background-color:transparent;}

{This allows you to change the background image and color.}
body, body.bodycontent{
background-color: FFFFFF;
background-image:url(http://img518.imageshack.us/img518/3583/backgroundfdx.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
}

{Edits main text properties}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:ffffff;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}

{Changes heading and name text properties.}
{*NOTE* - If you don't want this affecting all header codes, create another code section with the class that you want to edit.}
.orangetext15, text, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:ffffff;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}
.orangetext15 {
color: ffffff;
font: bold 8pt verdana,arial,sans-serif,helvetica;
}
{Changes link properties.}
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:ffffff;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{Changes link hover properties.}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:ffffff;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{Ensures alignment. Do not alter this code in any way unless you are changing the font.}
p {margin: 0px 0px 1em 0px; font-family: arial !important}
body>div {margin-left: 0px;}
table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
table table table td {background-color:transparent;margin:0px;padding: 0 0px 0px 0px}
table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {
background-color: transparent;
border: 0 solid;
border-color: transparent;
width: 100%;
}

{Keeps music player in place. Take this part of the code out if you intend on moving your music player around.}
object {position:relative; z-index:1;}

body td table, body div table {margin-top: 0px;}
.a {hide URL label}
.a {hide top links}
.a {unhide navigation bar}
.navbar {visibility:visible;}

{Hides left side tables.}
.contactTable {display: none;}
.orangetext15 {display: none;}
.navigationbar {display: none;}
.userprofileurl {display: none;}
.whitetext12 {display: none;}
img {border:0px;}

{Gets rid of unnecessary borders.}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}



</style>
<style>
.profileWidth table { margin-bottom:746px; width:802px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:802px; height:746px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -746px;
</style>

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




<style type="text/css">
.tg_left {position:absolute; top:960px; margin-left:-400px; left:50%; width:328px; height:535px; background-color:000000; z-index:2;}
</style>

<div class="tg_left">
<table id="Table_01" width="328" height="535" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="http://img520.imageshack.us/img520/1285/navisliced01.jpg" width="328" height="26" alt=""></td>
</tr>

<tr>
<td colspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=464962741">
<img src="http://img99.imageshack.us/img99/928/mainheadpiclink.jpg" width="328" height="182" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img219.imageshack.us/img219/3319/navisliced03.jpg" width="328" height="4" alt=""></td>
</tr>

<tr>
<td rowspan="2">
<img src="http://img512.imageshack.us/img512/6044/navisliced04.jpg" width="224" height="32" alt=""></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=464962741">
<img src="http://img149.imageshack.us/img149/9424/smallpiclink.jpg" width="44" height="27" border="0" alt=""></a></td>
<td>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=464962741&n=464962741&MyToken=e4d9f3aa-5811-43d6-86a6-1cf7abdcd804">
<img src="http://img144.imageshack.us/img144/5683/videolink.jpg" width="38" height="27" border="0" alt=""></a></td>

<td rowspan="2">
<img src="http://img512.imageshack.us/img512/9232/navisliced07.jpg" width="22" height="32" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://img141.imageshack.us/img141/4439/navisliced08.jpg" width="82" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NjQ5NjI3NDEmTXlUb2tlbj1lNGQ5ZjNhYS01ODExLTQzZDYtODZhNi0xY2Y3Y
JkY2Q4MDQ=">
<img src="http://img19.imageshack.us/img19/6600/sendmessageq.jpg" width="328" height="32" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img99.imageshack.us/img99/1516/navisliced10.jpg" width="328" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NjQ5NjI3NDE=">
<img src="http://img166.imageshack.us/img166/1038/addfriend.jpg" width="328" height="28" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img149.imageshack.us/img149/2282/navisliced12.jpg" width="328" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTQ2NDk2Mjc0MQ==">
<img src="http://img166.imageshack.us/img166/3852/addgroup.jpg" width="328" height="29" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img144.imageshack.us/img144/4899/navisliced14.jpg" width="328" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZCZmcmllbmRJRD00NjQ5NjI3NDEmZj1mb3J3YXJkcHJvZmlsZQ==">
<img src="http://img144.imageshack.us/img144/3641/forward.jpg" width="328" height="29" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img141.imageshack.us/img141/9677/navisliced16.jpg" width="328" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTQ2NDk2Mjc0MSZwdWJsaWM9MA==">
<img src="http://img154.imageshack.us/img154/5506/addtofavs.jpg" width="328" height="28" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img99.imageshack.us/img99/618/navisliced18.jpg" width="328" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9NDY0OTYyNzQx">
<img src="http://img141.imageshack.us/img141/3379/rankuser.jpg" width="328" height="30" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img235.imageshack.us/img235/9417/navisliced20.jpg" width="328" height="4" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTQ2NDk2Mjc0MQ==">
<img src="http://img149.imageshack.us/img149/5528/blockuser.jpg" width="328" height="28" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img517.imageshack.us/img517/4071/navisliced22.jpg" width="328" height="5" alt=""></td>
</tr>
<tr>
<td colspan="4">

<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ2NDk2Mjc0MSZN
VRva2VuPWU0ZDlmM2FhLTU4MTEtNDNkNi04NmE2LTFjZjdhYmRjZDgwNA==">
<img src="http://img141.imageshack.us/img141/7756/leavecomment.jpg" width="328" height="30" border="0" alt=""></a></td>
</tr>
<tr>
<td colspan="4">
<img src="http://img235.imageshack.us/img235/6725/navisliced24.jpg" width="328" height="3" alt=""></td>
</tr>
<tr>
<td colspan="4">

<img src="http://img144.imageshack.us/img144/3195/navisliced25.jpg" width="328" height="20" alt=""></td>
</tr>
</table>

</div>


<style type="text/css">
table, tr, td, table table table, div table table, table table table table, div table table table{
border-style:none;}
</style>



<span class="off">!-Start Block to Shift Comments To Center-!</span>
<style>
{!-Change the top px value as needed. This is distance B on the chart-!}
table.friendscomments {position:relative; left:50%; left:0px; top:5px;}
table.friendscomments {width:450px !important;}
table.friendscomments td, table.friendscomments table {width:100% !important}
table.friendscomments table table td {width:auto !important;}
</style>
<span class="off">!-END Block to Shift Comments To Center-!</span>

roque13

[Mickey]

Try Eileen's code here. Topic closed & moved.