diagonal line in HTML table cell

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

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?

Re: diagonal line in HTML table cell

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

Re: diagonal line in HTML table cell

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?

Re: diagonal line in HTML table cell

18k11tm001@sneakemail.com wrote:
Quoted text here. Click to load it
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:


I hope this helps.

Grant Smith
A+, Net+, MCP x 2

eNVENT Technologies - www.envent-tech.com

Site Timeline