Table Border Fading Effect

[BlackRaven]

Does anyone know how to do a attach a image to a table border. I want to create a floating effect

[SuzyUK]

do you mean a "drop shadow" effect?

if so then wrap the table in a div or two depending on the effect required (e.g. 1 for left shadow, 1 for bottom) pad the divs to suit your shadows width/height and apply the shadow as a background image to the divs, then when your table is nested inside it should appear that the images are attached to the table.

You can't actually attach an image to the border of a table.

[Robin_reala]

Well, not yet at least. The latest working draft of CSS3’s Backgrounds and Borders module proposes a border-image [w3.org] property. Future versions of Safari will support this as it currently stands, but of course as it’s only a working draft the syntax could change or be dropped.

[cmarshall]

Future versions of Safari will support this as it currently stands

That's nice, but until three years after this 800-lb gorilla [microsoft.com] supports it, it will be a curiosity only.

[Robin_reala]

MOSe mate, MOSe.

[cmarshall]

MOSe mate, MOSe.

¿que?

[Robin_reala]

As coined by Dave Shea, Mozilla Opera Safari enhancement.

As in, not feeling bad about using the enhanced abilities of standards compliant browsers to accomplish a design that degrades OK in IE and other older browsers. Although to be fair it’s much less of an issue now that IE7 is here.

[cmarshall]

Got it.

I can always learn something new.

As long as I don't rely on it as a critical component of the design/usability, then that is fine.

I am...less than enamored...with IE (I'm a Mac/FF user), but I have to admit that I must ensure my sites work for IE (In my case, down to IE5/Win98 -Now you see why I say at least three years after the browser starts to support it).