...

View Full Version : how can i make a transparrent....



lisagauss
12-14-2002, 05:09 AM
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!

nick_a
12-14-2002, 06:00 AM
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?

lisagauss
12-14-2002, 06:37 AM
ill try that??? but by looking at the code, how would you do that, put the image as the background of the table?

[m]
12-14-2002, 07:52 AM
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>

lisagauss
12-14-2002, 08:06 AM
thnax mike, but is there a way to do it without getting the images to repeat themsleves??? just show one image and thats it

[m]
12-14-2002, 08:57 AM
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

MCookie
12-14-2002, 10:27 AM
Using CSS, it is also possible to position a background-image:
http://www.devguru.com/Technologies/css/quickref/css_backgroundposition.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum