simple editor for text over images

  • Thread starter Thread starter Boco Merci
  • Start date Start date
B

Boco Merci

I want to make buttons for a web page. Background is the same
jpg-picture or the same picture with in another colour. I look for an
easy way to put text at fixed position in the foreground.
Any freeware tools?
Boco
 
RE: I look for an easy way to put text at fixed position in the foreground.

Found at Html Goodies to Go http://www.htmlgoodies.com
TEXT OVER IMAGES on a WEB PAGE Code

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">

<TR>


<TD WIDTH="221" HEIGHT="300" BACKGROUND="button1.jpg" VALIGN="bottom">


<FONT SIZE="+1" COLOR="yellow">Text for button</FONT></TD>


</TR>

</TABLE>




Here's What's Happening


Use a single table cell, adding a background, and then some text. Like so:


<TABLE BORDER="0" cellpadding="0" CELLSPACING="0"> This is the format for
the cell. You need to set everything to zero so that the cell borders lay
right against the image. That way you have better control over the text in
relation to the image.


<TR>

<TD WIDTH="221" HEIGHT="300" BACKGROUND="button1.jpg" VALIGN="bottom"> This
is what does the trick. The image is set as the background of the image
cell. YOU NEED TO ADD THE HEIGHT AND WIDTH OF THE IMAGE. If you don't, then
the cell will only conform to the size of the text you put after the TD
command. In other words, you won't see the entire picture.


<FONT SIZE="+1" COLOR="yellow">Text for Button</FONT></TD> This is the text
that will appear on the image. Use a FONT size and color command to get the
text to show up a little better.


</TR>

</TABLE>

Rose
 
Back
Top