Results 1 to 4 of 4

Thread: creating a transparent table

  1. #1
    Join Date
    Jun 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question 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.

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    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

  3. #3
    Join Date
    Apr 2006
    Posts
    190
    Thanks
    3
    Thanked 7 Times in 7 Posts

    Default

    any reason why u have this posted twice.
    Ryan
    Sevierville, TN

  4. #4
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •