diagonal line in HTML table cell

[18k11tm001]

I would like to place a diagonal line in the upper-left cell of an HTML
table, with one word above it and one word below it to label the rows
and columns. Can anyone tell me a reasonably simple way to do that?
Thanks.

[Ben Long]

a reasonably simple way would be to create and image and place it in
your table cell.

[18k11tm001]

Thanks for the suggestion. I created a PNG image. It works, but its a
bit awkward. Is if possible to have the image automatically resized to
fit the cell (rather than resizing the cell to fit the image)? Also,
how can I give the image a transparent background?

[Grant Smith - eNVENT Technologies]

18********@sneakemail.com wrote:

Thanks for the suggestion. I created a PNG image. It works, but its a
bit awkward. Is if possible to have the image automatically resized to
fit the cell (rather than resizing the cell to fit the image)? Also,
how can I give the image a transparent background?

With IE not adhering to standards, it does not render png images with
the transparent backgrounds you give them and you must use a gif to do
this, though gifs do not do well with transparency in my opinion.

As far as resizing goes, you can set attributes for the image in CSS to
size it the way you want it:

img.blah{
width:40px;
height:40px;
}

I hope this helps.

--
Grant Smith
A+, Net+, MCP x 2

eNVENT Technologies - www.envent-tech.com