The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do I round the table corners?

View previous topic View next topic Go down

How do I round the table corners?

Post by Techykid3 on August 2nd 2011, 6:45 pm

Okay, I have a custom homepage, and I need to round my corners on my table (#homegrid)...

I got the OUTSIDE ones done.

Its like this:

---|---|---
---|---|---
---|---|---

But in the edge, (pic:)

I want those rounded, so it looks like Rounded corners on each "square".

I would like to do this with css.

Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

Re: How do I round the table corners?

Post by coco moco on August 2nd 2011, 7:45 pm

Code:
border-radius:XYpx;-moz-border-radius:XYpx;

XY=the amount of curve you would like.

coco moco
Forumember

Posts : 118
Reputation : 50
Language : English

Back to top Go down

Re: How do I round the table corners?

Post by Techykid3 on August 2nd 2011, 9:10 pm

I meant INSIDE of them.

Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

Re: How do I round the table corners?

Post by coco moco on August 2nd 2011, 9:34 pm

@Techykid3 wrote:I meant INSIDE of them.

The same thing applies:

For your table cells
Code:
<td class="curved">blahblahblah</td>

For your CSS
Code:
.curved{border-radius:XYpx;-moz-border-radius:XYpx;}

You can of course apply it to all table cells if you prefer.

coco moco
Forumember

Posts : 118
Reputation : 50
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum