Forum Moderators: not2easy

Message Too Old, No Replies

Displaying an icon in an html table

         

Pennie

2:37 pm on Sep 10, 2003 (gmt 0)

10+ Year Member



The Domino Dev is back! I have another question regarding the capabilities of css. I have a Domino View (a view is equivalent to an html table that displays data). I am setting a flag in my view to let me know the status of an order. Is there a way to use css to display a particular graphic icon to represent the flagged value /row/column column?

I want the html that I write in that column to reference a style NOT a graphic. I want the graphic to be defined in my css. Is this possible?

Thanks!

ytswy

3:23 pm on Sep 10, 2003 (gmt 0)

10+ Year Member



I believe the CSS specs do allow for this, however I think browser implementation is pretty much non existant (I'd love to be wrong about this).

There are :before and :after psuedo elements which should be able to be used to insert content, including external resources such as images.

W3C specs here:

[w3.org...]

SuzyUK

5:40 pm on Sep 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'm not sure I understand the entire question here, as I think this could be a programming question really..

But could you assign the "cell" in question a background image.. you could then set up 2 different classes that would each have reference a different background image in the CSS.

Then you would need some way to "switch" the class name in the HTML though.. which I why I think it may be a programming question..

If this sounds OK then the answer is Yes and I can post a more detailed example..

Suzy

korkus2000

5:46 pm on Sep 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



ytswy you are correct those psuedo elements have no support. :(

DrDoc

6:04 pm on Sep 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well, they do have support, just not in crappy IE ;)

killroy

6:14 pm on Sep 10, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Best would be to youse the background-image property with alignemtns left and center. This way you can do it quite easily. I use this all the time, even for roll overs.

SN