42 users online (1 members and 41 guests)  


  Results 1 to 2 of 2

Related

  1. backgrounds    Forum: Graphics Forum
    Replies: 9
  2. iframes backgrounds    Forum: HTML Forum
    Replies: 7
  3. Gradients in backgrounds    Forum: HTML Forum
    Replies: 4
  4. backgrounds    Forum: CSS Forum
    Replies: 3
  5. Backgrounds    Forum: HTML Forum
    Replies: 2
  1. #1
    virus n][ne's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2004
    Posts
    1

    Transpartent table backgrounds

    I'm making this site but i cant think of a good color that would match with an orange and black backround, so i decided to use a transparent backgroud, for the tables that go over the background in an iframe. That would be great if you could help.

    How can i make the tables transparent?

    Heres my code:
    <!--
    Site Design by Mark Turh "Virus n][ne"
    ----------------------------------------------------------
    Email: punk_in_drublic6969@hotmail.com
    ----------------------------------------------------------
    -->
    <HTML>
    <HEAD>
    <TITLE>// Lethal Designs - A great Injection for any Website!</TITLE>
    <LINK href="Style.css" type=text/css rel=stylesheet>
    <style type="text/css">
    <!--
    .style3 {color: #990000}
    a:link {
    color: #990000;
    }
    a:visited {
    color: #990000;
    }
    .style4 {color: #000000}
    -->
    </style>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
    <BODY style="background-color: transparent;" leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="729" height="242">
    <tr>
    <td height="242" width="575" valign="top">
    <!-- Main Start -->
    <center>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="50%" height="5">
    <tr>
    <td height="5"></td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="560" height="4">
    <tr>
    <td height="16" bgcolor="#000000" ;background-repeat: no-repeat;background-position: right">
    <p style="margin-left: 3"><span class="style3"><b>News:</b> Test </span>// Reported by <a href="mailtounk_in_drublic6969@hotmai.com" class="style3">Virus n][ne</a> // 01/6/04</td>
    </tr>
    <tr>
    <td height="2" width="571"></td>
    </tr>
    <tr>
    <td height="1" bgcolor="#CCA918" width="571"></td>
    </tr>
    <tr>
    <td height="2" width="571"></td>
    </tr>
    <tr>
    <td height="1" width="571">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="31" bordercolor="#444444">
    <tr>
    <td height="14" bgcolor="#333333"><p style="margin-left: 3"><span class="style4">Welcome to Lethal Designs</span><br>
    &nbsp; </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="50%" height="5">
    <tr>
    <td height="5"></td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="560" height="4">
    <tr>
    <td height="16" bgcolor="#000000" width="564" ;background-repeat: no-repeat;background-position: right">
    <p style="margin-left: 3"><span class="style3"><b>News:</b>
    Test </span>// Reported by
    <a href="mailtounk_in_drublic6969@hotmai.com">Virus n][ne</a> //
    01/6/04</td>
    </tr>
    <tr>
    <td height="2" width="564"></td>
    </tr>
    <tr>
    <td height="1" bgcolor="#CCA918" width="564"></td>
    </tr>
    <tr>
    <td height="2" width="564"></td>
    </tr>
    <tr>
    <td height="1" width="564">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="31" bordercolor="#444444">
    <tr>
    <td height="14" bgcolor="#333333"><p style="margin-left: 3; color: #000000;">Blah blah blah, this is just a test
    <p style="margin-left: 3; color: #000000;">Blah blah blah, this is just a test
    <p style="margin-left: 3; color: #000000;">
    <p style="margin-left: 3; color: #000000;">
    <p style="margin-left: 3; color: #000000;">Blah blah blah, this is just a test
    <p style="margin-left: 3; color: #000000;">
    <p style="margin-left: 3; color: #000000;">Blah blah blah, this is just a test
    <p style="margin-left: 3; color: #000000;">
    <p style="margin-left: 3; color: #000000;">
    <p style="margin-left: 3; color: #000000;">Blah blah blah, this is just a test
    <p style="margin-left: 3; color: #000000;">

    <p style="margin-left: 3; color: #000000;">Blah blah blah, this is just a test
    <p style="margin-left: 3; color: #000000;">

    <p style="margin-left: 3; color: #000000;">Blah blah blah, this is just a test
    <p style="margin-left: 3"> </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="50%" height="5">
    <tr>
    <td height="5"></td>
    </tr>
    </table>
    </center>
    <!-- Main end -->
    </td>
    <td height="242" width="154" valign="top">
    <!-- SideBar Start -->
    <div align="right">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="50%" height="5">
    <tr>
    <td height="5"></td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="150" height="4">
    <tr>
    <td height="16" bgcolor="#000000" class="style3" ;background-repeat: no-repeat;background-position: right">
    <p class="style3" style="margin-left: 3; color: #990000;">Affiliates</td>
    </tr>
    <tr>
    <td height="2" class="style3"></td>
    </tr>
    <tr>
    <td height="1" bgcolor="#CCA918" class="style3"></td>
    </tr>
    <tr>
    <td height="2" class="style3"></td>
    </tr>
    <tr>
    <td height="1" class="style3">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="32" bordercolor="#444444">
    <tr>
    <td height="15" bgcolor="#333333">
    <p style="margin-left: 3"></td>
    </tr>
    </table> </td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="50%" height="5">
    <tr>
    <td height="5"></td>
    </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="150" height="4">
    <tr>
    <td height="16" bgcolor="#000000";background-repeat: no-repeat;background-position: right">
    <p class="style3" style="margin-left: 3; color: #990000;">Shout Box </td>
    </tr>
    <tr>
    <td height="2"></td>
    </tr>
    <tr>
    <td height="1" bgcolor="#CCA918"></td>
    </tr>
    <tr>
    <td height="2"></td>
    </tr>
    <tr>
    <td height="1">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="233" bordercolor="#444444">
    <tr>
    <td height="229" bgcolor="#333333">
    <p align="center">
    </a>
    <!-- BEGIN MYSHOUTBOX.COM CODE -->
    <iframe src="http://78535.myshoutbox.com/" width="140" height="215" frameborder="0" allowTransparency="true"></iframe>
    <!-- END MYSHOUTBOX.COM CODE-->
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </div>
    <!-- SideBar End -->
    </td>
    </tr>
    </table>
    </BODY>
    </HTML>
    <!--
    Site Design by Mark Turh "Virus n][ne"
    ----------------------------------------------------------
    Email: punk_in_drublic6969@hotmail.com
    ----------------------------------------------------------
    -->

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hi, welcome to the forums.

    Well, using css you can use a background-color: transparent; to have a transaprent background.
    However, I notice lots of errors in your TD tags.

    Code:
    <td height="16" bgcolor="#000000" ;background-repeat: no-repeat;background-position: right">
    It might be worth having a look over Somepeoples CSS Tutorials to see how this should look.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Tags for this Thread