-
creating a transparent table
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...080820_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>
Last edited by mariahizflantastic; 06-05-2006 at 11:03 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.
Daniel -
Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum
-
-
any reason why u have this posted twice.
Ryan
Sevierville, TN
-
-
Probably just clicked submit twice. It happens.
It's only annoying when people start replying to both threads
Daniel -
Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks