Help - Search - Members - Calendar
Full Version: Float Text over image -table-
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
WillzShire
Trying to make text float over image (image is a website masthead at the top) see url below.
text is currently embedded in the image, I will take the text out of image and float live text over the image.

code so far: but text sits above image instead of float on top.

<tr>
<td colspan="7"><font color="#CC0000" size="3" face="Arial, Helvetica, sans-serif", text-align="right" > 3299 Woodburn Rd. Suite 300 <img src="images/logo.jpg" alt="Fairfax Hearing Center - Rediscover the joys of better hearing." name="logo" width="750" height="138" border="0" usemap="#logoMap" id="logo" /></font></td>
<td><img src="images/spacer.gif" width="1" height="138" border="0" alt="" /></td>
</tr>

http://www.fairfaxhearing.com/index.html

Please advise
Thanks
pandy
You can position text over an image with CSS. There are several ways to do that. Or you could use the image as a background image. But you can't make the text fit that exactly as in the current image because you don't know how large the text will be on the user's screen. For that reason maybe a background image would be best, large enough to leave room for larger text.
WillzShire
QUOTE(pandy @ May 7 2014, 04:08 PM) *

You can position text over an image with CSS. There are several ways to do that. Or you could use the image as a background image. But you can't make the text fit that exactly as in the current image because you don't know how large the text will be on the user's screen. For that reason maybe a background image would be best, large enough to leave room for larger text.


Thanks Pandy - was hoping to do it with the existing TABLE code.
pandy
Maybe you can. You show just part of the table. But a table seems a little overkill for this IMO. Anyway, either you use a table layout or not, you need CSS to get the the text on top of the image. Unless of course you use it as a background image.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.