Text Over Images How-To

[vinyl-junkie]

Have you ever wanted to place text over an image on a web page? Well, you probably already know that you can do that using an image editor. But did you know that you can also do it using an image as background in a table? Yes, it's true! Here's an example of how to do it:

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

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

<FONT SIZE="+1" COLOR="yellow">Text Over Picture Goes Here</FONT></TD>

</TR>
</TABLE>

BTW, I can't take credit for the genius behind this. I found it
here (http://htmlgoodies.earthweb.com/tutors/textonimages.html). You might also be interested in their weekly newsletter called HTML Goodies To Go. It comes out every Monday, and is full of useful tips and tricks.

[WebSavvy]

I do that all the time. ;) Example of one of my better ones here (http://arachnid.esubmit-it.com) The top navigation uses an image as a background, and then the text is placed overtop of it.

There's lots of little goodies that you can do with CSS positioning, image maps, and all kinds of stuff.

Ohhhh :eek: Pat! You're being sucked into the world of web design ... quick ... escape while you still can! ;)

Once it gets in your blood ... you'll be looking at things differently, like: "What's the hex code for the color of grass" ... or ... "Wow that's a great sunset. Wonder what the hex code is for that shade of red?"

:green:

[WebSavvy]

Hi Pat, :) Here's a webmaster tool site (http://webtools.portal.99hats.com) that you might want to take a look at. They have tons and tons of resources listed for newbies. I'm sure there are others here who'd like this information as well.

About half way down the page - there's a link to a table generator that you might particularly find quite useful. :)

[vinyl-junkie]

Originally posted by savvy1
Ohhhh :eek: Pat! You're being sucked into the world of web design ... quick ... escape while you still can! ;)

Once it gets in your blood ... you'll be looking at things differently, like: "What's the hex code for the color of grass" The warning came too late; I'm already hooked. LOL! Actually, I had seen this technique with text before but never had occasion to try it until now. One of the table cells I'm working with on that new termplate has text within the gif it uses, and I certainly didn't want to make a new gif for ever single web page of mine. Not to mention that it won't work anyway, at least for some of my content. My web pages that display track listings for recordings are dynamic, starting with the <title> tag!

Incidentally, I don't *just* surf the net. A lot of times, when I do I'll go, "Wow! That's cool what they did with that page. Wonder how they did it." Then go look at the source code.

So, do you think I fit right in here? :green:

[WebSavvy]

LOL! Yeah Pat, I think you fit in just fine! :green: Yes, web design is addicting isn't it?

It's too funny because in life I don't know anyone else who does Internet related work. Many of my friends at church look at me like I'm from Mars when we talk about our jobs, even though they think what I do is really cool and interesting. :D

The only friends I have that are in this line of work, are online too, just like the work itself. It's a very unique field to be employed in, but there is so much room for creativity and personal expression, and that's why I love it as much as I do. :)