Making a Band Layout, Version 2 Options

[FFS]

Hey guys, I've run into what I'm hoping is a simple problem that I think somebody here might be able to help me with.

I'm trying to get the header working right, but I've noticed now that some of the links aren't working. The Pics/Vids links under the display pic and the entire contact box show up, but you can't click on any of the links at all.

Here is the code I'm using

CODE

<a href="http://www.msplinks.com/MDFodHRwOi8vcmFwaWRzaGFyZS5jb20vZmlsZXMvMzM2MzUyNjQ3L0RvdWJsZV90aGVfRmFsbC5yYXI="><img src="http://i50.tinypic.com/262u079.gif" /></a><br /><br />
<br />
<br />
<br />
<center>
<img src="http://i49.tinypic.com/2crlkpi.gif" />
<br />
<center><b>Put a banner on your page!</b></center>
<textarea cols="30" rows="3">
<a target="_blank" href="http://www.myspace.com/doublethefall"><img src="http://i49.tinypic.com/2crlkpi.gif"/></a>
</textarea></center>


<style>
body {
background-color: rgb(, , );
background-image: url(http://i50.tinypic.com/rbl2qw.png);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
</style> <style>
table table {
border: px;
}
table table table table{
border:px;
}
table table table {
border-width: px;
border-color: rgb(, , );
border-style: outset;
background-color: transparent;
}
table table table td {
background-color: rgb(, , );
}
table table table table td {
filter:none;
}</style> <style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Arial;
font-size: px;
color: rgb(0,0,0 );
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: px;
color: rgb(15,68,97);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: px;
color: rgb(15,68,97 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(248,248 ,255 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(, , );
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style> <style>
.nametext {display:block; font-size:160%; color: rgb(0,0,0); width:100%;

background-image:url(YOURIMAGE);

background-position:center center; background-repeat: no-repeat; height:px; margin:0px;

padding:0px;}
</style> <style>
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://i50.tinypic.com/330cxuc.png);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}C{ }
</style>

<style>body{
background-position:top center;margin-top: 750;}
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
</style><div class="topbanner">
<table id="Table_01" width="785" border="0" cellpadding="10" cellspacing="15">
<tr>
<td colspan="9">
<img src="http://i28.tinypic.com/16i9t1w.jpg" width="785" height="437" alt="" /></td>

</tr>
<tr>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi93d3cueW91dHViZS5jb20vdXNlci9kb3VibGV0aGVmYWxs">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_03.png" width="97" height="100" border="" alt="" /></a></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9Eb3VibGUtdGhlLUZhbGwvMjAyOTM5NzM3NDQw">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_05.png" width="99" height="96" border="" alt="" /></a></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2RvdWJsZXRoZWZhbGw=">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_07.png" width="97" height="94" border="" alt="" /></a></td>

<td>
<img src="http://liquidbasement.com/sallysblog/files/2009/12/Twitter-Blue-Transparent-t-3D-Button-Logo-150x150.png" width="97" height="94" alt="" /></td>


</tr>

<tr>
<td colspan="6">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_15.png" width="720" height="185" alt="" />

</td>

</tr>

</table>

I'm a total noob at this, so keep that in mind. You can view the myspace here.

Thanks so much!

[Mickey]

I think the DIV for your top banner is too tall. Adjust the height value on this bit to a smaller number:

CODE

div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}

See if that does it.

[FFS]

I think the DIV for your top banner is too tall. Adjust the height value on this bit to a smaller number:

CODE

div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}

See if that does it.

Gotcha. I guess it was so big that it was covering up everything underneath it, so I changed it to a negative number and now it appears to be working. Thanks a lot!

New question: I did the splice tutorial and when I open up the HTML file in my browser it looks correct. But when I use the code from 'View Source' and actually put it into myspace, it isn't lined up the same way. Is it possible to just slightly move one of the images of the table to make it look lined up? You can see on the myspace that the band name image at the top isn't lined up with the YouTube/Twitter/etc. links.

Is it even possible to just move one of them and not the whole table?

[AAzzzAA]

Was having trouble with the image rollover code, but I figured out a solution.
Thanks.

[AAzzzAA]

error. see last message please.

[JerrickCrites]

Hey guys, im having a bit of trouble with this page I was working on.

You can see it here.
http://www.myspace.com/crabwalkstudios

On the right side, where it says Blog, Specials, Events, thats where my top header div ends. So right under it it should go into the blogs section, and events. However, the blog section starts underneath the div layer and blocks out two of the blog titles.

I designed my own myspace with basically the exact same code, and have seen many other band pages with pretty much the same coding going on but without this overlaping issue. I went back through this thread and used the blog code, but was having problems with that one as well.

Heres the code im using.

CODE

<style>body table { margin-top: 1463px; }
body td table, body div table { margin-top: 0;}




.header {position: absolute; width: 860px; height: 1463px; margin-left: -432px; left: 50%; top: 0px;}

.left {position: absolute; top: 2095px; left: 50%; height: auto; width: 320px; overflow: visible; background-color: none; margin-left: -395px; text-align: center; z-index:2;}

.eq {position: absolute; width: 362px; height: auto; margin-left: -160px; left: 50%; top: 945px; z-index:2;}



table table div embed, table table div object {position:relative; z-index:4;}

</style>





<style>
table, tr, td {background-color:transparent; border:; border-width:0;}
body {background-color:000000;
background-image:url("http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Background-2.jpg");
background-attachment: none;
background-position:top center;
background-repeat:no-repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:CCCCCC;
scrollbar-3dlight-color:7777777;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:333333;
scrollbar-arrow-color:000000;
scrollbar-track-color:DDFFFF;
margin-top: 0px;}

table table {border: 1px}
table table table table{border:1px}
table table table {border-style:solid;
border-width:0px;
border-color:000000;
background-color:;}

table, tr, td, li, p, div { color: ffffff; font-family:verdana; font-size:7pt;} .btext { font-family:normal;font-size:7pt;} .blacktext10 { color: ffffff;font-family:verdana;font-size:7pt; } .blacktext12 { color: ffffff;font-family:verdana;font-size:7pt; } .lightbluetext8 { color: 16c0ff;font-family:verdana;font-size:7pt;} .orangetext15 {display:none;} .redtext { color: ffffff;font-family:verdana;font-size:7pt; } .redbtext { font-family:verdana; color: ffffff;} .text { color: ffffff;font-family:verdana;font-size:7pt;} .whitetext12 { font-family:verdana;font-size:7pt; color: ffffff;} a:active, a:visited, a:link { color: 16c0ff;font-family:verdana;font-size:7pt; } a:hover {color: ffffff; font-family:verdana;font-size:7pt; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:verdana; } a.navbar:hover { font-family:verdana; } a.redlink:active, a.redlink:visited, a.redlink:link { font-family:verdana;color: ffffff; } a.redlink:hover { color: ffffff; } { font-family:verdana; } .btext { font-family:verdana; color: ffffff; }
</style>

<style>
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active{text-decoration: none;}
</style>

<style>

.a {upcoming shows title font}
td.text div td td.text .whitetext12 {color:black; font-size:0px; }
.a {view all shows}
td.text div font .whitelink,
td.text div font .whitelink font {color:black; font-size:0px;}
.a {upcoming shows date and times}
td.text div td td td font {color:16c0ff; font-size:10px;}
.a {upcoming shows venue}
td.text div td td font a {color:white; font-size:10px;}
td.text div td td font a:hover {color: ffffff; text-decoration: none; font-size:10px;}
.a {upcoming shows location}
td.text div td td font {color:16c0ff; font-size:10px;}

html body.bodyContent table tbody tr td table.friendsComments{
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 796px !important;
_margin-left: -2px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url(http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Comments.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 350px !important;
color: 000000 !important;
width: 800px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: -1px;
line-height: 40px !important;
_width: 800px !important;
_border-left: 1px 16c0ff!important;
_border-right: 1px 16c0ff!important;
_height: 150px !important;
_margin-bottom: -1px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 40px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Friends.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 25px !important;
margin-top: -3px !important;
background-color: transparent !important;}

</style>

<style>
.friendsComments table td {color: ffffff; font-size:7pt; font-family: Verdana !important;} .friendsComments .orangetext15 {display: none;} .blacktext10{ display: block; width: 600px; border-bottom: 1px solid; border-color: 16c0ff; text-align: right; } .comments td td td a {visibility:hidden; font-size:1px; letter-spacing:-50px;} .comments td td td a img {visibility:visible;}
</style>

<style>table table table table td.text span.whitetext12 { position: relative; top: -10px; margin-bottom: 0px; left: 0px; visibility: visible; display: block; width: 450px; height: 65px; text-indent:-999999px; background: transparent no-repeat;}</style> <style>table div {display:none;} table table div, div table div {display:block;} .friendscomments .orangetext15 {display:none;} .userProfileURL { display:none; }</style>







<i class="off">!-Remove Maroon Menu Bar Band Page!-<</i>

<style>a.navbar img {display:none;}div table td {visibility:hidden; font-size:0px; border:0px; padding:0px; margin:0px;}div table {border:0px; border-bottom:0px; padding:0px; margin:0px; visibility:hidden;}div table.navigationbar, div table.navigationBar td, table div table td {font-size:11px; visibility:visible; font-family:Arial Narrow }div table td div {visibility:visible}{! below needed if you have used my div overlay !}div.myCoreDiv table, div.myDiv table, div.myCoreDiv div table, div.myDiv div table {visibility:visible;}</style>









<div class="header">
<table id="Table_01" width="860" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_01.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_02.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_03.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_04.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_05.jpg" width="860" height="232" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_06.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_07.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_08.jpg" width="48" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ob21l" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_09.jpg" width="66" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_10.jpg" width="45" height="37" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDMwNzI1NjI=" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_11.jpg" width="203" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_12.jpg" width="43" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_13.jpg" width="113" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_14.jpg" width="44" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_15.jpg" width="109" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_16.jpg" width="45" height="37" alt="" /></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_17.jpg" width="98" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_18.jpg" width="46" height="37" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_19.jpg" width="860" height="48" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_20.jpg" width="38" height="381" alt="" /></td>
<td colspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_21.jpg" width="315" height="236" border="0" alt="" /></a></td>
<td colspan="8" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_22.jpg" width="507" height="381" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_23.jpg" width="315" height="145" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="38" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="66" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="194" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="9" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="43" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="113" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="44" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="109" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="98" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="46" height="1" alt="" /></td>
</tr>
</table></div>

[JerrickCrites]

Never mind, all I had to do was add this.

CODE

<style>
table.latestBlogEntry {position:relative;
width:425px;
overflow:auto;
left:50%; border:1px solid; border-color:white;
_margin-left: -425px !important;
_margin-top: 75px !important;
}
</style>

New it was going to be something really simple.