How do I do a W3C compliant table cell background image 2

[mkrausnick]

I'm trying to bring my web site into compliance with W3C standards (just HTML 4.01 transitional for now) and I'm doing pretty well except I ran into this problem:

<td width="76" height="104" align="center" valign="bottom" style="border-style: ridge" background="/images/bulletin.gif">...

won't validate because according to the validator the BACKGROUND attribute is not valid HTML 4.01 transitional for TD. I have a link within the cell that sits on top of the image. It just isn't as cool without the image under the link. How can I do this?

The page is

http://www.st-raymond-dublin.org/hbulletin.php

if you want to see what I'm doing.


Mike Krausnick
Dublin, California

 

[RISTMO]

<td width="76" height="104" align="center" valign="bottom" style="border-style: ridge; background-image:url('/images/bulletin.gif');">

Rick

http://www.ristmo.com/

 

[dkdude]

In addition to RISTMO's answer ...

To make the style re-usable, you can make a CSS class like this:

td.bulletin {
  width:76;
  height:104px;
  text-align:center;
  vertical-align:bottom;
  border-style:ridge;
  background-image:url(/images/bulletio.gif);
}

Then you can use this where applicable:

<td class="bulletin">...</td>

Regards


Jakob

 

[mkrausnick]

Rick,
Thanks for the syntax - I couldn't find it anywhere.

Jakob,
Thanks for the CSS with example usage. That would have been my next question - you must be psychic!

Stars to you both!

Mike Krausnick
Dublin, California

 

[dkdude]

mkrausnick,

Thanks for the star!!

You say you couldn't find it anywhere - here's a good reference for you:

http://www.w3schools.com/

They have some good reference guides (look at right side).

Regards


Jakob

 

[mkrausnick]

Yeah, W3schools is what I use the most. That's why I was puzzled. The <TD> tag definitiion in both HTML 4.01 and XHTML 1.0 doesn't mention the backgound-image atribute, which I assume is because it's a style. Thanks to both your excellent advice I understand it now.



Mike Krausnick
Dublin, California

 

[RISTMO]

http://www.blooberry.com

has some awesome info on css styles.

Rick

http://www.ristmo.com/