SemiTransparent Table, Opaque contents

ashlewis87 · 08-27-2007, 03:52 AM

Hi, im wanting to make a table that has a background that is semi transparent, so the page background can be seen through it. However i want the contents of the table to stay opaque.(the text)

i found this thread but i couldnt seem to make it work, maybe its not what im looking for: http://www.namepros.com/code/250080-...-contents.html

here is the code im working with, its simply a background image and a table. what needs to be done to achive the effect?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
body {
	background-image: url(redwine.jpg);
}
-->
</style></head>

<body>




  <table width="700" border="0" align="center" cellpadding="4" cellspacing="0">
    <tr bordercolor="#000000" bgcolor="#FFFF99">
      <td colspan="3" align="left" valign="top" bgcolor="#A60029" class="style4"><div align="center"><span class="style27">Wine - Red</span></div></td>
    </tr>
    <tr bordercolor="#000000" bgcolor="#F2D9E0">
      
      
      <td width="235" align="left" valign="top" bgcolor="#F2D9E0" class="style4"><div align="left" class="style21">Vini Della Casa (House wine)</div></td>
      <td width="360" align="left" valign="top" bgcolor="#F2D9E0" class="style4"><p class="style21">Glass (125ml)</p></td>
      <td width="81" align="left" valign="top" bgcolor="#F2D9E0" class="style4"><div align="center" class="style21">&pound;2.75</div></td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td align="left" valign="top" class="style4"><div align="left" class="style21"></div></td>
      <td align="left" valign="top" class="style4"><p class="style21">Large glass (175ml)</p></td>
      <td align="left" valign="top" class="style4"><div align="center" class="style21">&pound;3.25</div></td>
    </tr>
    <tr bordercolor="#000000" bgcolor="#F2D9E0">
      <td align="left" valign="top" class="style4"><div align="left" class="style21"></div></td>
      <td align="left" valign="top" class="style4"><p class="style21">1/2 Litre</p></td>
      <td align="left" valign="top" class="style4"><div align="center" class="style21">&pound;6.75</div></td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td align="left" valign="top" class="style4"><div align="left" class="style21"></div></td>
      <td align="left" valign="top" class="style4"><p class="style21">1 Litre</p></td>
      <td align="left" valign="top" class="style4"><div align="center" class="style21">&pound;12.50</div></td>
    </tr>
  </table>




</body>
</html>

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)