Thread: Transpartent table backgrounds
Results 1 to 2 of 2
Related
-
backgrounds Forum: Graphics Forum
Replies: 9 -
iframes backgrounds Forum: HTML Forum
Replies: 7 -
Gradients in backgrounds Forum: HTML Forum
Replies: 4 -
backgrounds Forum: CSS Forum
Replies: 3 -
Backgrounds Forum: HTML Forum
Replies: 2
-
01-07-2004, 02:20 AM #1
![virus n][ne is offline](images/statusicon/user-offline.png)
![virus n][ne's Avatar](images/misc/unknown.gif "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="mailto
unk_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>
</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
----------------------------------------------------------
-->
-
01-07-2004, 02:33 AM #2
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.
It might be worth having a look over Somepeoples CSS Tutorials to see how this should look.Code:<td height="16" bgcolor="#000000" ;background-repeat: no-repeat;background-position: right">
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?
Reply With Quote
