Weird issue with table backgrounds?, i'm hoping this is an easy fix. |
Weird issue with table backgrounds?, i'm hoping this is an easy fix. |
![]()
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> |
|
|
![]() ![]() |