Log in

View Full Version : creating a transparent table



mariahizflantastic
06-05-2006, 10:55 PM
I have created a layout for myspace but am having trouble making a transparent table so the background image can be viewed. can you guys help me fix the code.
what lines do I need to fix. Please be specific. thanks for your help

click here to view the page:
http://www.myspace.com/vinayamariah


Here is the code:

<style type="text/css">


table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:400E05;
background-image:url(http://c.myspace.com/Groups/00014/02/80/14080820_l.gif);
background-attachment:fixed;
background-position:top left;
background-repeat:no-repeat;
border-color:400E05;
border-width:1px ;
border-style: solid;


scrollbar-face-color:400E05;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:353535;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:400E05;
}


table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:2px;
border-color:ffffff;
background-color:400E05;
}
table, tr, td, li, p, div { font-family:arial; color:ffffff; font-size:12px; }
.btext { font-family:arial; color:ffffff; font-size:12px; }
.blacktext10 { font-family:arial; color:ffffff; font-size:12px; }
.blacktext12 { font-family:arial; color:ffffff; font-size:12px; }
.lightbluetext8 { font-family:arial; color:ffffff; font-size:12px; }
.orangetext15 { font-family:arial; color:ffffff; font-size:12px; }
.redtext { font-family:arial; color:ffffff; font-size:12px; }
.redbtext { font-family:arial; color:ffffff; font-size:12px; }
.text { font-family:arial; color:ffffff; font-size:12px; font-weight:bold; }
.whitetext12 { font-family:arial; color:ffffff; font-size:12px; font-weight:bold; }
a:active, a:visited, a:link { font-family:arial; color:ffffff; font-size:12px; }
a:hover { font-family:arial; color:ffffff; font-size:12px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:ffffff; font-size:12px; font-weight:bold; }
a.navbar:hover { font-family:arial; color:ffffff; font-size:12px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:arial; color:ffffff; font-size:12px; }
a.redlink:hover { font-family:arial; color:ffffff; font-size:12px; }
.nametext { font-family:arial; color:ffffff; font-size:12px; }

</style>


<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://c.myspace.com/Groups/00014/24/90/14080942_l.gif");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:75; display:block !important; }
span.blacktext12 img {display:none;}
</style>

<style type="text/css">.contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url("http://c.myspace.com/Groups/00014/15/90/14080951_l.gif");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 .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}.contactTable .whitetext12 {display:none;}</style><div style="position:absolute;z-index:9;left:0px;top:30px;width:88px;height:31px;"><a href="http://www.freeweblayouts.net" target="_blank"><img src="http://c.myspace.com/Groups/00009/21/73/9473712_l.gif" border="1" alt="Free Web Layouts"></a></div>I edited my profile at <a href="http://www.freeweblayouts.net" target="_blank">Freeweblayouts.net</a>, check out these <a href="http://www.freeweblayouts.net" target="_blank">Myspace Layouts!</a><br><br>

djr33
06-05-2006, 11:28 PM
I may be totally wrong here, so take that into account.
just glancing at your code, I notice:
background-color:transparent;

Why specify that? I mean... if you just left out background color, wouldn't it default to nothing? It's not like it's going to randomly pick green or something. however, it might use the next default for the page or something.

I think that background-color:none; may work.

I'm not used to seeing "transparent" as a color.

See if that helps... not sure.

NXArmada
06-09-2006, 03:00 PM
any reason why u have this posted twice.

djr33
06-09-2006, 08:24 PM
Probably just clicked submit twice. It happens.
It's only annoying when people start replying to both threads :D