Log In · Register

 
Weird issue with table backgrounds?, i'm hoping this is an easy fix.
shynomi
post Feb 16 2009, 07:50 PM
Post #1


Senior Member
****

Group: Member
Posts: 123
Joined: Nov 2008
Member No: 698,881



hey guys,
i just finished a layout for a venue. i have the working version on my
test page

http://www.myspace.com/frucatestpage4

after logging into the clients myspace, i copied the new layouts code into the about me section and everything looks correct except for now it looks like there's white bg's instead of black on the bottom parts. here's the link to the clients page you'll see what i mean:

CLICK HERE

i've had this same prob before and the fix then was to change where it said:

CODE
table, tr, td{background-color:000000;}


just change that to transparent, that didn't work this time.
any idea why that would be, is there a piece of code i can just apply?
here's the code:

CODE



<style>div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}</style>
<style>
.profileWidth {
padding-bottom:852px !important;}
</style>

<div id="BannerUnderTopNav" style="position:absolute; z-index:2; margin-left:-349px; top: 0px; background-color:COLOR; background-image: url(); background-repeat: no-repeat; background-position: bottom center; width:826px; height:1018px; overflow:no;}">



<table id="Table_01" width="826" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_01.jpg" width="826" height="155" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_02.jpg" width="75" height="22" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuaW5i
3g=">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_03.jpg" width="56" height="22" border="0" alt="" /></a></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=445857283">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_04.jpg" width="97" height="22" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTQ0NTg1NzI4MyZNeVRva2VuPTE0NWRi
2QxLWZhOTEtNDg2MC1iMjViLTJmZDAzMGZmMjA1OQ==">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_05.jpg" width="85" height="22" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZXZlbnRzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW15Y2FsZW5kYXIm
VVzZXJJZD00NDU4NTcyODMmZVVzZXJOYW1lPVRoZStXYXJlaG91c2UrTXVzaWMrVmVudWUmY2FsVmlld
RhdGU9MDMtMTQtMjAwOSZlSUQ9OTMwNw==">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_06.jpg" width="81" height="22" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_07.jpg" width="77" height="22" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbXVzaWMubXlzcGFjZS5jb20v">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_08.jpg" width="70" height="22" border="0" alt="" /></a></td>
<td>
<a href="http://www.myspace.com/index.cfm?..">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_09.jpg" width="89" height="22" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.myspace.com/frucafruca">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_10.jpg" width="196" height="22" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="11">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header11111_11.jpg" width="826" height="397" alt="" /></td>
</tr>
<tr>
<td colspan="11">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_12.jpg" width="826" height="350" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_13.jpg" width="228" height="1" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NDU4NTcyODMmTXlUb2tlbj04Nzg0ZWRhYi1iMTQ5LTRmMzQtOThjOS1hYTg5M
Y1OGM3N2Y=">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_14.jpg" width="224" height="33" border="0" alt="" /></a></td>
<td colspan="4" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ0NTg1NzI4MyZN
VRva2VuPTg3ODRlZGFiLWIxNDktNGYzNC05OGM5LWFhODkwNjU4Yzc3Zg==">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_15.jpg" width="243" height="33" border="0" alt="" /></a></td>
<td rowspan="2">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=445857283">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_16.jpg" width="131" height="33" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NDU4NTcyODM=">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_17.jpg" width="228" height="32" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="11">
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/header_18.jpg" width="826" height="61" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="75" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="56" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="97" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="85" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="81" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="58" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="19" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="70" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="89" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="65" height="1" alt="" /></td>
<td>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/spacer.gif" width="131" height="1" alt="" /></td>
</tr>
</table>




</div>

<style>
.tg_left {position:absolute; margin-top:-0px; margin-left:-400px; left:50%; top:1420px; width:305px; height:900px; background-color:000000; z-index:2;}
</style>

<div class="tg_left">

<center>

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/bandswehad3.jpg" /><br /><br />

The Graduate<br />
Rookie of the Year<br />
Thieves & Villains<br />
Greyson<br />
Breathe Electric<br />
Dressing Up Letters<br />
The Illustrated<br />
Carter Husley<br />
We Felt Alive<br />
Jared Grabb<br />
Anchors<br />

<br /><br /><br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/infoline2.jpg" /><br /><br />


<table width="250px" border="0" cellspacing="3" cellpadding="3">


<tr>

<td><sub>URL</sub></td><td><div align="right">www.myspace.com/thewarehousemorton</div></td>
</tr>

<tr>
<td><sub>BOOKING</sub></td>
<td><div align="right"><a href="mailto:drewandresen@gmail.com">Drew Andresen</a><br /></div></td>
</tr>


<tr>
<td><sub>LAYOUT</sub></td>
<td><div align="right"><a href="mailto:frucafrucaposters@gmail.com">Fruca Fruca Design</a><br /></div></td>
</tr>
</table>

</div>

<style>ul li a:link, ul li a:active, ul li a:visited ul li a.open:visited, ul li a:link, ul li a:active, ul li a:visited {font: bold 16px times new roman !important; letter-spacing: -1px !important; text-transform: uppercase; margin-top: 3px; text-align:left;}</style>

<style>
html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td {border-bottom: 1px dotted black !important; border-color: white!important;}
</style>


<style>.whitetext12{visibility:hidden; display:none;}.orangetext15{visibility:hidden; display:none;}.lightbluetext8{visibility:hidden; display:none;}</style>

<style>
.friendText {display:none}
.redLink {display:none}
</style>

<style>
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>.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url(""); 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;}</style>

<style>
.nametext {
display:block;
background-repeat:no-repeat;
background-position:left;
height:126px;
background-image:url(http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/profile2.jpg);
padding: 0;
margin: 0;
text-indent: -9999px;
}
</style>





<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}

table, tr, td{background-color:000000;}
body, body.bodycontent{background-color:000000;background-image:url(http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/bg.jpg);background-position: top center;background-repeat: no-repeat;background-attachment: fixed;overflow-x: hidden;}

{THIS EDITS THE MAIN TEXT STYLE AND COLORS}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;}

{THIS CHANGES COLOR AND STYLE OF NAMETEXT AND HEADINGS}.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;}

{THIS CHANGES COLOR AND STYLE OF LINKS}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:ed028d;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;text-transform:bold;font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF LINKS ON HOVER}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;}

{THIS ALSO MAKES THE BODY TABLE TRANSPARENT AND MAKES SURE ALIGNMENTS ARE FINE}{NOTHING NEEDS TO BE CHANGED HERE EXCEPT IF YOU WANT THE FONT CHANGED}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%; }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;}

{THIS HIDES BASICALLY EVERYTHING ON THE LEFT SIDE]{*NOTE* - IF YOU DON'T WANT THE LEFT SIDE HIDDEN, TAKE OUT EVERYTHING BUT .ORANGETEXT15 AND .WHITETEXT12}.contactTable {display: none;}.orangetext15 {display: none;}.navigationbar {display: none;}.userprofileurl {display: none;}.profileInfo{display:none;}.whitetext12 {display: none;}img {border:0px;}{THIS HIDES UNNECESSARY BORDER LINES WHEN HIDING SECTIONS}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>

<center>

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/aboutusline3.jpg" /><br /><br />


<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/aboutpic.jpg" /><br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/addressline3.jpg" /><br /><br />

<img src="http://i382.photobucket.com/albums/oo268/dygynomi/THE%20WAREHOUSE/address.jpg" /><br /><br /><br />







<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:0%; left:XXXpx; 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>


 

Posts in this topic


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