The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Float Text over image -table-
WillzShire
post May 7 2014, 01:26 PM
Post #1





Group: Members
Posts: 2
Joined: 7-May 14
Member No.: 20,850



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

This post has been edited by WillzShire: May 7 2014, 01:41 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 7 2014, 03:08 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
WillzShire
post May 7 2014, 03:27 PM
Post #3





Group: Members
Posts: 2
Joined: 7-May 14
Member No.: 20,850



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 7 2014, 05:20 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 01:59 AM