I didn't know where to throw this question, but it regards the Debian.org website, so I'll ask here.

I am trying to increase my knowledge as a web developer and something that I am not clear on is how to get rounded table edges (without using image background files such as png). An example of this can be seen if you go to Debian.org and look at their two main menus. The edges are rounded on both the top and side menus, but I see no reference to image files in the page source or in the debian.css style sheet. I find the colors of the menus in the css file but I can't figure how they specified a rounded edge.

How's it done?

Nevermind, I found out how:

table {
\-moz-border-radius: 0.5em;
}


but it only works with Mozilla browsers

I am sure you know but I just want to post a reminder that this will only work for mozilla clients. IE 7 will not display them as round edges.

That looks kind of neat - but does this mean a non-standard css attribute? Is firefox going the way of IE?

Moved: This thread is more suitable in Programming and has been moved accordingly to help your thread/question get the exposure it deserves.

In a way I would say kind of. But I would go for the more standard way even if it meant more work. But that is just me. I want the features to work on all browsers.

Here are a couple of good summaries of the "moz-border-radius" CSS element:

http://www.the-art-of-web.com/css/border-radius/
http://reference.sitepoint.com/css/moz-border-radius

It's fully supported on Firefox (1.5 and 2) and Safari; it's still *not* supported as of IE7 (I don't know about the new IE 8.0 beta yet).

Here are some alternatives for IE:

http://swik.net/qooxdoo/qooxdoo+news...it+in+IE/b224g
http://blogs.msdn.com/ie/archive/2005/06/23/431980.aspx
http://blue-anvil.com/jquerycurvycorners/test.html