[HTML] Smooth Corners

Okay, so I know how to do it, but I'm just wondering if there's another way to make the smooth corners, in which the code is compatible for all major web browsers (IE, Opera, FF, Safari, etc). The code I have now is only compatible for firefox.

Here's the images:

http://dump.stoleyour.net/uploads/ad14938c4e.png

http://dump.stoleyour.net/uploads/2ce4983b0d.png

Here's the code I'm using that makes the rounded corners only compatible with FireFox, because I don't know any other way besides making images, and I think there's a much easier way than doing that.

Code:

<html> <head> <title>Untitled Document</title> <style type="text/css">  </style> </head> <body> <div style="background: #D8EFFF; border: 1px hidden; width: 45%; padding: 10px; -moz-border-radius: 5px; margin: 7px; text-align: center; float: left;"> Smooth corners, o baby. </div> </body> </html>

Code:

-moz-border-radius

Thats what's making it firefox compatible. Do you guys know an alternative?

Re: [HTML] Smooth Corners

So you want it to be multi-browser compatible?
This helps? http://www.cssjuice.com/25-rounded-c...ques-with-css/

Re: [HTML] Smooth Corners

Code:

.curvy {position:relative; width:45%; background:#D8EFFF; color:#000; margin:5em auto;} #ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;} #ctl {top:0; left:0;} #cbl {bottom:0; left:0;} #ctr {top:0; right:0;} #cbr {bottom:0; right:0;} .curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;} #ctl b {left:-8px;} #ctr b {left:-25px;} #cbl b {left:-8px; top:-17px;} #cbr b {left:-25px; top:-17px;} .curvy p {position:relative; z-index:100; padding:5px 10px;}

Re: [HTML] Smooth Corners

Cask that was a bit unneeded eh...
Try keeping the coding nr 1 :P:

@Parker;
Maybe add the HTML for that too?

Re: [HTML] Smooth Corners

Use curvyCorners or jQuery Corners.

Re: [HTML] Smooth Corners

Uhm, use fieldset, which is in IE automatically rounded, and with -moz thing will be in firefox too.

Quote:

Originally Posted by Parker

Code:

.curvy {position:relative; width:45%; background:#D8EFFF; color:#000; margin:5em auto;} #ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;} #ctl {top:0; left:0;} #cbl {bottom:0; left:0;} #ctr {top:0; right:0;} #cbr {bottom:0; right:0;} .curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;} #ctl b {left:-8px;} #ctr b {left:-25px;} #cbl b {left:-8px; top:-17px;} #cbr b {left:-25px; top:-17px;} .curvy p {position:relative; z-index:100; padding:5px 10px;}

Geez why don't you people use proper formating..

PHP Code:

.curvy { position: relative; width: 45%; background: #D8EFFF; color: #000; margin: 5em auto; } #ctl, #cbl, #ctr, #cbr { position: absolute; width: 20px; height: 20px; color: #9caf9c; background: #fff; overflow: hidden; font-style: normal; z-index: 1; } #ctl { top: 0; left: 0; } #cbl { bottom: 0; left: 0; } #ctr { top: 0; right: 0; } #cbr { bottom: 0; right: 0; } .curvy em b { position: absolute; font-size: 150px; font-family: arial; color: #9caf9c; line-height: 40px; font-weight: normal; } #ctl b { left: -8px; } #ctr b { left: -25px; } #cbl b { left: -8px; top: -17px; } #cbr b { left: -25px; top: -17px; } .curvy p { position: relative; z-index: 100; padding: 5px 10px; }

Re: [HTML] Smooth Corners

so what code do we add for HTML if we want smooth corners for out image?
and. how do you make the top the the site look normal? normal as in the top of rage zone. the buttons like user CP, Members, Arcade, and more things are side by side, here is what i did for all my buttons

Quote:

<DIV ALIGN="center"><IMG SRC= "Home.png" BORDER= "1"></DIV>

im pretty sure its something else. because mine goes on top of each other in the center.
how do you make it so they're all the same height?
and do you know where i can get a free domain?

Re: [HTML] Smooth Corners

Look at RZ's source.
And, freedomain.co.nr has free domains I think.

Re: [HTML] Smooth Corners

CSS can't magically give images rounded corners. Only HTML elements.