Curved edges on tables

[ZeptOr]

I've seen websites with curved edges on tables, and I know how to do it by adding images that are curved. I want to know if there is some CSS code to do it for you, so you don't have to rely on images to load.

[DizzyTechnology]

Nifty Corners, More Nifty Corners, and Nifty Corners Cube.
Have a nice day.
PS: Nifty Corners, original, the CSS example makes a great error page.
Nifty Corners Cube is great for a site.

[kryptonyte]

If the user is using Mozilla you can add this to the CSS to make the corners rounded.

-moz-border-radius: 10px;

Of course you can change 10px to any number you like.

[Cubeform]

If the user is using Mozilla you can add this to the CSS to make the corners rounded.

-moz-border-radius: 10px;

Of course you can change 10px to any number you like.

That's CSS3. There's also this code:

border: 6px solid #000;
-moz-border-bottom-colors: #aaa #bbb #ccc #ddd #eee #fff;
-moz-border-top-colors:   #aaa #bbb #ccc #ddd #eee #fff;
-moz-border-left-colors:  #aaa #bbb #ccc #ddd #eee #fff;
-moz-border-right-colors:  #aaa #bbb #ccc #ddd #eee #fff;

Which will create a border that fades to white in Mozilla. For backwards compatibility, the border's original colour is black

Also, you can combine, of course.

border: 6px solid #000;
-moz-border-bottom-colors: #aaa #bbb #ccc #ddd #eee #fff;
-moz-border-top-colors:   #aaa #bbb #ccc #ddd #eee #fff;
-moz-border-left-colors:  #aaa #bbb #ccc #ddd #eee #fff;
-moz-border-right-colors:  #aaa #bbb #ccc #ddd #eee #fff;
-moz-border-radius: 8px;

Safari/WebKit has more CSS3 that you can toy around with.

[ZeptOr]

okay, i understand how to make it using nifty corners, but i have on problem

I can make one nifty corner table, but the second one i make doesn't have the rounded corners, and I can't figure out why

for instance, look at this and my code:

http://greenear.x10hosting.com/Main/index

oh, and another thing, whenever i try to view that site in firefox, it just shows the code

[Chris Z]

maybe you should add the extension ".html" to the end lol
edit- IE doesn't follow the W3 Standards, that's why it shows up in IE fine, but FF can't parse it if it doesn't know the extension

[ZeptOr]

i thought it added it for you if you selected it as an HTML document, but yeah I'll fix that soon

but do you have any ideas about the curved edges problem?

[Brandon]

i thought it added it for you if you selected it as an HTML document, but yeah I'll fix that soon

but do you have any ideas about the curved edges problem?

]


What program are you using???

[ZeptOr]

its not the program, it is the fact that I am missing some line of code. Im just using notepad anyways

[Brandon]

its not the program, it is the fact that I am missing some line of code. Im just using notepad anyways

Ya in notepad you have to end it with .htm or .html..it cant do it automatically.