I cant believe im asking this... - Webmaster Forum - Web Design, Programming and SEO forums

09-05-2005, 10:30 AM

t0m

Status: Request a custom title
Join date: Jan 2005
Location: West Sussex, England
Expertise:
Software:

Posts: 2,829

iTrader: 21 / 100%

t0m is on a distinguished road

I cant believe im asking this...

Ok here is an entirely stupid question...

If you have a table full, with an image, how do you then place text on top of the image??

Examples of coding or a tut would be good...

Damn im get stupid as i get older

09-05-2005, 11:09 AM

echoepidemic

Status: Graphic Designer
Join date: Apr 2005
Location: Vancouver
Expertise:
Software:

Posts: 2,057

iTrader: 0 / 0%

echoepidemic is on a distinguished road

Make the image into the background of the table...

edit:

<td background="images/index.gif"

09-05-2005, 01:07 PM

Yang

Status: Member
Join date: Jun 2005
Location:
Expertise:
Software:

Posts: 460

iTrader: 0 / 0%

Yang is on a distinguished road

More accurately it's..

Code:

<td background="images/image.gif">THIS TEXT WILL APPEAR ABOVE THE image.gif</td>

09-05-2005, 01:49 PM

echoepidemic

Status: Graphic Designer
Join date: Apr 2005
Location: Vancouver
Expertise:
Software:

Posts: 2,057

iTrader: 0 / 0%

echoepidemic is on a distinguished road

Originally Posted by dumbc0der

More accurately it's..

Code:

<td background="images/image.gif">THIS TEXT WILL APPEAR ABOVE THE image.gif</td>

Accuracy is for Rocket Science.

09-05-2005, 02:17 PM

techo

Status: Lurker
Join date: Jun 2005
Location:
Expertise:
Software:

Posts: 1,473

iTrader: 0 / 0%

techo is on a distinguished road

Or make a table in a table... but that would just be confusing. So ill be quiet now.

09-05-2005, 02:41 PM

sketchie

Status: Senior Member
Join date: Jul 2005
Location:
Expertise:
Software:

Posts: 835

iTrader: 1 / 100%

sketchie is on a distinguished road

Personally I'd use CSS,

Code:

background-image: url(http://image.gif);

As using background="" isn't xhtml valid is it?

09-05-2005, 02:42 PM

seen.to

Status: unusual suspect ™
Join date: Feb 2005
Location: Lancaster, PA from London UK
Expertise:
Software:

Posts: 1,814

iTrader: 0 / 0%

seen.to is on a distinguished road

Use CSS... and ditch tables! But for this purpose here's how to do it with CSS & a table...

Code:

HTML:
<table id="whatever">
   <tr>
      <td>Your text goes here</td>
    </tr>
</table>

CSS:

#whatever {
     width: 700px; /*apply your own sizes of course*/
     height: 500px; /*apply your own sizes of course*/
     background: #fff url("images/image.gif") repeat;  
     }

This presumes that you want your background image to repeat... you could also use:

no-repeat (self-explanatory)
repeat-x (repeat horizontally)
repeat-y (repeat vertically).

09-05-2005, 04:53 PM

jamesyfx

Status: Member
Join date: Jan 2005
Location: Manchester
Expertise: Design
Software: TextEdit

Posts: 1,009

iTrader: 0 / 0%

jamesyfx is on a distinguished road

Although the colour might seem unecessary, some people might have images disabled.. .. or slow connections.

.. So its best to find a solid colour that matches the background closely. >.>