how can i make a transparrent....

hello everyone, im trying to make a tranparrent image show up behind some text. The page is a php page and the code the i want to alter is the following:
<td valign="top" bgcolor="#FFFFFF" style="BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid; BORDER-LEFT: #555555 0px solid; BORDER-BOTTOM: #555555 1px solid" width="300">

<img src="./images/menupost.gif" vspace="0" border="0" alt width="45" height="45" />
<b>Latest Forum Posts</b><br>
<hr align="left" style="width:80%;color:#555555;border:none;height:1px">

<?php

include("posts.php");

?>


I want to make the image menupost show up behind the text...ihave included an image of what i want to edit....thanx for the help!

Did you already put the image as the background of your table and it didnt work? I remember hearing that IE doesnt preserve transparencies when using the image as a background. I dont know if thats true or not. Anyone know for sure?

ill try that??? but by looking at the code, how would you do that, put the image as the background of the table?

u could also layer it behind but that is not usualy a good idea sence it would be alot more work and is is supported difrently by the browsers.....I'd use the table BG:thumbsup:

here is what I tried:

<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD style="background-image: url(help.gif);">
your words</TD>
</TR>
</TABLE>


I used styles becuse I like them...there is a way to do it w/o styles and it is alot less code..

<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD background="help.gif">
your words</TD>
</TR>
</TABLE>

thnax mike, but is there a way to do it without getting the images to repeat themsleves??? just show one image and thats it

ok I'm pretty sure to do that u'd need styles.whew took me a while...here is what u put in hope this is what u want:




<td valign="top" style="BORDER-RIGHT: #555555 1px solid; BORDER-TOP: #555555 1px solid; BORDER-LEFT: #555555 0px solid; BORDER-BOTTOM: #555555 1px solid" width="300">

<img style="position:absolute;left:100px;top:50px;z-index:-1;" src="./images/menupost.gif" vspace="0" border="0" alt width="45" height="45" />
<b>Latest Forum Posts</b><br>
<hr align="left" style="width:80%;color:#555555;border:none;height:1px">

<?php

include("posts.php");

?>

that sould position the image, and I had to take out the bg color of the TD tag. I dunno if the positioning will work in browsers other then IE

Using CSS, it is also possible to position a background-image:
http://www.devguru.com/Technologies/css/quickref/css_backgroundposition.html