- Impact
- 0
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-semi-transparent-table-opaque-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?
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-semi-transparent-table-opaque-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">£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">£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">£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">£12.50</div></td>
</tr>
</table>
</body>
</html>
