how to make table border rounded without using any image

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
dheeraj
Forum Commoner
Posts: 40
Joined: Fri Feb 06, 2009 11:54 am

how to make table border rounded without using any image

Post by dheeraj »

i was struggling to make the table border rounded, it can be easily done by using images, but i didn't want to use it...

i think it can be done by using JS or CSS so please help me...

Dheeraj
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: how to make table border rounded without using any image

Post by kaszu »

surender
Forum Newbie
Posts: 2
Joined: Wed Jun 24, 2009 2:08 am

Re: how to make table border rounded without using any image

Post by surender »

you can check this link..this will definitly help u

http://css-tricks.com/downloads/
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: how to make table border rounded without using any image

Post by kaszu »

None of the examples will do it: 3 of 5 examples uses images, 1 uses several DIVs to simulate rounded corners (for 20px corners this would require 40 divs, that's not a good solution at all) and 1 uses rounded-corners css property (doesn't work for IE).
User avatar
onion2k
Jedi Mod
Posts: 5263
Joined: Tue Dec 21, 2004 5:03 pm
Location: usrlab.com

Re: how to make table border rounded without using any image

Post by onion2k »

kaszu wrote:None of the examples will do it: 3 of 5 examples uses images, 1 uses several DIVs to simulate rounded corners (for 20px corners this would require 40 divs, that's not a good solution at all) and 1 uses rounded-corners css property (doesn't work for IE).
You're out of luck then. There aren't any other solutions.
surender
Forum Newbie
Posts: 2
Joined: Wed Jun 24, 2009 2:08 am

Re: how to make table border rounded without using any image

Post by surender »

check the forth box of round corner example in:
http://css-tricks.com/downloads/

u will definetly get ur ans....
Post Reply