[web] CSS round corners?

Just an image. I usually like to use transparent gifs / pings for this sort of thing.

Try these:

http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/

the lack of rounded corners in CSS furthers my belief that CSS is being designed by the wrong people.

other aspects:
the lack of any standard alpha blending
the lack of any clipping function other than rect()
the specification that your clipping rectangle is defined by "top, right, bottom, left", which are units relative to how far away from those sides of the box in towards the center to clip. Nay, not "top, left, width, height", noooo. Can't do anything like SANE people.

Quote:

Original post by capn_midnight the lack of rounded corners in CSS furthers my belief that CSS is being designed by the wrong people. other aspects: the lack of any standard alpha blending the lack of any clipping function other than rect() the specification that your clipping rectangle is defined by "top, right, bottom, left", which are units relative to how far away from those sides of the box in towards the center to clip. Nay, not "top, left, width, height", noooo. Can't do anything like SANE people.

Rounded corners are supported in CSS3, and by no other web standards, period.

Opacity - CSS3

Clipping - CSS3

Crazy.

Can I use CSS3? Do enough browsers support it and is it used enough? If this is true, why don't more people use CSS3?


Thanks

x, y, width, height doesn't seem popular in any application.. i don't really know why though. Maybe they want to support boxes that go in the negative direction or something? strange.

Quote:

Original post by HTML Can I use CSS3? Do enough browsers support it and is it used enough? If this is true, why don't more people use CSS3?

It's still a draft, don't use it until the day it is released as a recommendation.

Hm, not even 2.1 is there yet :)

Your question has already been answered, but its too hard to resist giving another answer.
With a nick name like 'HTML', I would expect a few more web based problem solving skills.

How I determined if the page used fancy code for corners, or the more likely image scenario:
1. Clicked on link.
2. Looked for the said rounded corners.
3. Right clicked on corner, and looked for 'view image' or 'view background image'
4. Clicked 'view background image' and saw masthead.jpg was the source of the rounded corners.

Question answered.

- Jacob

Quote:

Original post by HTML Can I use CSS3? Do enough browsers support it and is it used enough? If this is true, why don't more people use CSS3?

No. CSS3 is not yet a finished recommendtaion by teh W3C. Most of it is either a recommendation candidate or in the last stages as a working draft. FireFox supports it but you will need to prefix the CSS attributes with moz- for it to work. When CSS3 comes out they will drop this moz- prefix so unless you build a FireFox dedicacted site you can't use CSS3.

Quote:

Original post by HTML If this is true, why don't more people use CSS3?

It's also hard enough to get people to use CSS1/CSS2, let alone CSS 3 ;)

Quote:

Original post by evolutional Quote: Original post by HTML If this is true, why don't more people use CSS3? It's also hard enough to get people to use CSS1/CSS2, let alone CSS 3 ;)

Yeah, but CSS3 might *might* MIGHT fix all those stupid moronic crapshitstupidAPI drainbeadisms from earlier CSS's. or not. We'll see, maybe, some day.

and I'm pretty much SPECIFICALLY refering to 'width' here. (IDIOTS!)

I have no objection against the current implementation of width. But in CSS3 you will be able to do exactly what you want (e.g. having width specify the outer width, including borders & padding, instead of the inner width as you do now).

Quote:

Original post by Etnu Quote: Original post by capn_midnight the lack of rounded corners in CSS furthers my belief that CSS is being designed by the wrong people. other aspects: the lack of any standard alpha blending the lack of any clipping function other than rect() the specification that your clipping rectangle is defined by "top, right, bottom, left", which are units relative to how far away from those sides of the box in towards the center to clip. Nay, not "top, left, width, height", noooo. Can't do anything like SANE people. Rounded corners are supported in CSS3, and by no other web standards, period. Opacity - CSS3 Clipping - CSS3 Crazy.

"Damn, why can't I have a flying car?"
"LOL NEWB, THEIRS THE MOLLER SKY CAR!!1"
Crazy...

Thanks for the replies. The only reason why I asked again is because I didn't want to make the corner images myself yet. Thought I could just use code to make them rounded really fast but I guess I have to make images. Oh well.

BTW: Despite my nick I am fairly new to web programming :)


Thanks

Quote:

Original post by Sander Quote: Original post by HTML Can I use CSS3? Do enough browsers support it and is it used enough? If this is true, why don't more people use CSS3? No. CSS3 is not yet a finished recommendtaion by teh W3C. Most of it is either a recommendation candidate or in the last stages as a working draft. FireFox supports it but you will need to prefix the CSS attributes with moz- for it to work. When CSS3 comes out they will drop this moz- prefix so unless you build a FireFox dedicacted site you can't use CSS3.

Actually, many CSS3 properties already work normally in Firefox (and in Safari 1.2). Opacity most certainly does.

Quote:

Original post by capn_midnight Quote: Original post by Etnu Quote: Original post by capn_midnight the lack of rounded corners in CSS furthers my belief that CSS is being designed by the wrong people. other aspects: the lack of any standard alpha blending the lack of any clipping function other than rect() the specification that your clipping rectangle is defined by "top, right, bottom, left", which are units relative to how far away from those sides of the box in towards the center to clip. Nay, not "top, left, width, height", noooo. Can't do anything like SANE people. Rounded corners are supported in CSS3, and by no other web standards, period. Opacity - CSS3 Clipping - CSS3 Crazy. "Damn, why can't I have a flying car?" "LOL NEWB, THEIRS THE MOLLER SKY CAR!!1" Crazy...

You're complaining about attributes not supported by the current implementation of CSS, and, yet, there is NOTHING ELSE that supports these things anyway. It's like complaining about coke not making urine-flavored beverages or something.

Quote:

Original post by Etnu Rounded corners are supported in CSS3, and by no other web standards, period.

True, but mozilla has an extention that supports rounded corners, and I guess foxfire by default.

<A href="http://smhill.net/resources/css/rounded_corners/>Demo

You can always code for Mozilla & CSS3 and let the IE worshipers suffer.