CSS?

[Joel]

Hi, concerning my forum's CSS 🙂

Anyway, what's the CSS codes that can make images rounded?

 

[Ashish92]

if i am correct Jquery codes are used to make images rounded.

 

[Joel]

like what? I'm still new to this!.

 

[Ashish92]

Jquery is a separate language, i don't know it too but i have seen the use of it in rounded corners otherwise images are used.

 

[Joel]

Alright, lets wait for others 🙂

 

[Deleted member 4320]

jQuery will make corners rounded, but requires a bit more in-depth work but if you simply want rounded corners via CSS then the following codes will work...

-webkit-border-radius: 5px; /* for borwsers such as safari (webkit browsers...) */
-moz-border-radius: 5px; /* for all firefox versions */
border-radius: 5px; /* other browsers... */

*Note: because internet explorer sucks, IE doesn't recognise any CSS border features for rounded corners. Also the code above is CSS3 so some browsers that display CSS properly, may not support CSS3. Firefox and Safari are by far the best browsers.

 

[Wrighty]

jQuery will make corners rounded, but requires a bit more in-depth work but if you simply want rounded corners via CSS then the following codes will work...

-webkit-border-radius: 5px; /* for borwsers such as safari (webkit browsers...) */
-moz-border-radius: 5px; /* for all firefox versions */
border-radius: 5px; /* other browsers... */

*Note: because internet explorer sucks, IE doesn't recognise any CSS border features for rounded corners. Also the code above is CSS3 so some browsers that display CSS properly, may not support CSS3. Firefox and Safari are by far the best browsers.

Just to add Chrome into that list - Chrome supports most CSS3, as does Opera.

So the "Fx & Safari are the best browsers" can be changed to Chrome, Firefox, Opera & Safari are the best! 😉

 

[el canadiano]

I'm not the biggest fan of moz/webkit-border-radius, primarily because it's only experimental at this stage and isn't even valid CSS3, which is still in draft. Usually the easiest way is to have a border-left or a border-right as an image, which should work with all browsers.

 

[Ashish92]

the perfect support for CSS3 is currently provided by FF, Opera and safari only, Chrome like it's habit crashes often and IE9 is supposed to support CSS3

 

[el canadiano]

But as I said, just remember that CSS3 isn't a final specification, it's still in development.

 

[iiPod]

CSS doesn't make corners rounded, thats CSS3.

 

[el canadiano]

I realize that, but border-radius is not defined in CSS 3 yet, thus making it not valid.

Case in point, this is my CSS file.
http://www.rockbandhelp.com/forum/cache ... global.css

http://jigsaw.w3.org/css-validator/vali ... =1&lang=en

I have a lot of stuff that isn't considered valid CSS 3, but the primary one is the moz/webkit-border-radius. But as I said, at this point, it doesn't matter, cause CSS 3 is in draft stages, and I'm sure a border-radius feature of some sort will make it in because of the support from the major browsers.

 

[Joel]

Alright, thanks guys!

SOLVED! 🙂