Rounded corners in vB
 

I devised a way to add rounded corners to all standard vB tables without modifying the markup or using Javascript, just pure compliant CSS (that IE won't support). I must say, it's damn clever, and no, you won't see the code. A hint, though: you need to use some new CSS3 tricks to pull it off.

Fortunately, I wrote the CSS such that IE won't render the problematic parts at all and it'll just revert to still fine-looking squared corners.

Hmm, I also just realized I could probably do truly good-looking drop shadows, even using alpha-blended PNG images which lame IE doesn't support. Don't tell me about the filter hack to do it, it still doesn't get the color palette right.

well known mozilla only css:
http://books.mozdev.org/chapters/ch04.html#77028

You want a pat on the back or something? Why make a post like this and not share the code?

Need the attention?

<a href="http://www.bath.ac.uk/~cs1spw/demos/moz-border-radius.html" target="_blank">http://www.bath.ac.uk/~cs1spw/demos/...er-radius.html</a>

code? view source!

yawn

screenie atleast?

My thoughts exactly. Gotta love attention +++++s.
Nothing that pisses me off more than people saying "ooh heres something leet [insert long explanation]. PS: My ass you can have it, bugger off." :mad:

My thoughts too :tired:

My code doesn't use Mozilla-only extensions, and unlike most other rounded corner CSS snippets out there, mine works in the standard vB table structure it uses everywhere.

I'm not posting the code because people will copy it and use it without having any clue as to how it works, so I'll give hints instead. The first one: look into the first-child and last-child pseudoclasses.

again, can we atleast see a screenshot before you continue with the hinting game so i can see if i'm interested or not? ;)

Yeah but, how do you really feel about IE? Don't sugar coat it now ;)