table text on top of image

L

liunx

Guest
I want to place some text in a table cell on top of an image.<br />
<TD background="image.gif"><br />
Text on top<br />
</TD><br />
<br />
However the image is not visible anymore (IE 6)<br />
In those cells without text the image is visiable.<br />
What am i doing wrong?<br />
thanks jitse<!--content-->is the page uploaded somewhere? or can we see the full code?<!--content-->Please take a look at this code.<br />
The problem is in the first row of the table<br />
The first table cel the image is visible.<br />
However, the second image cell does not show the image (the text is visible)<br />
<TABLE border="0" rules="none" cellspacing="0" cellpadding="0" Width="980"><br />
<form><br />
<SCRIPT LANGUAGE=javascript><br />
locstr="<TR onMouseOver=homemenu()>"<br />
locstr+="<TD ALIGN=left width=133 height=30>"<br />
locstr+="<img src=http://www.webdeveloper.com/forum/archive/index.php/1tabbanner.gif width=133 height=30 border=0 hspace=0 vspace=0>"<br />
locstr+="</TD>"<br />
locstr+="<TD ALIGN=left width=204 colspan=2 height=30 background=2tabbanner.gif class=tableelement>"<br />
locstr+="User : "+"[FMP-CurrentToken:0]"<br />
locstr+="</TD>"<br />
locstr+="<TD ALIGN=left width=204 colspan=2 height=30 background=2tabbanner.gif class=tableelement>"<br />
locstr+="&nbsp;&nbsp;Business Unit : "+BUname<br />
locstr+="</TD>"<br />
locstr+="<TD ALIGN=right colspan=2 width=204 height=30 class=tableelement>"<br />
locstr+="<img src=http://www.webdeveloper.com/forum/archive/index.php/2tabbanner.gif width=204 height=30 border=0 hspace=0 vspace=0>"<br />
locstr+="</TD>"<br />
locstr+="<TD ALIGN=right width=102 height=30 background=1tabbanner.gif class=tableelement>"<br />
locstr+="[FMP-CurrentDate]"<br />
locstr+="</TD>"<br />
locstr+="<TD ALIGN=right width=133 height=30 class=tableelement>"<br />
locstr+="<img src=http://www.webdeveloper.com/forum/archive/index.php/1tabbanner.gif width=133 height=30 border=0 hspace=0 vspace=0>"<br />
locstr+="</TD>"<br />
locstr+="</TR>"<br />
<br />
document.write(locstr)<br />
</Script><br />
</form><br />
<TR><br />
<TD width="133" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Left.gif" width="133" height="40" border="0" hspace="0" vspace="0"><br />
</TD><br />
<TD width="102" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Berichten.gif" name="tab0" id="tab0" width="102" height="40" border="0" hspace="0" vspace="0" onMouseOver="updatemenu(0)"><br />
</TD><br />
<TD width="102" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Contacten1.gif" name="tab1" id="tab1" width="102" height="40" border="0" hspace="0" vspace="0" onMouseOver="updatemenu(1)"><br />
</TD><br />
<TD width="102" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Projecten1.gif" name="tab2" id="tab2" width="102" height="40" border="0" hspace="0" vspace="0" onMouseOver="updatemenu(2)"><br />
</TD><br />
<TD width="102" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Rapporten1.gif" name="tab3" id="tab3" width="102" height="40" border="0" hspace="0" vspace="0" onMouseOver="updatemenu(3)"><br />
</TD><br />
<TD width="102" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Analyse1.gif" name="tab4" id="tab4" width="102" height="40" border="0" hspace="0" vspace="0" onMouseOver="updatemenu(4)"><br />
</TD><br />
<TD width="102" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Admin1.gif" name="tab5" id="tab5" width="102" height="40" border="0" hspace="0" vspace="0" onMouseOver="updatemenu(5)"><br />
</TD><br />
<TD width="102" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Help1.gif" name="tab6" id="tab6" width="102" height="40" border="0" hspace="0" vspace="0" onMouseOver="updatemenu(6)"><br />
</TD><br />
<TD width="133" height="40"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Right.gif" width="133" height="40" border="0" hspace="0" vspace="0"><br />
</TD><br />
</TR><br />
</Table><!--content-->Have you set the background color of the text?<!--content-->yes i did with class=tableelement.<br />
<br />
Should i delete that ?<br />
Or make the text background transparant, how?<br />
Thanks<!--content-->Just do a special class for text on images:<br />
.imgtxt {<br />
color:#000;<br />
background:transparent;<br />
}<!--content-->Thanks<br />
that did the trick !<br />
Jitse<!--content-->
 
You must log in or register to reply here.
Back
Top