rounding off corners on cell boarders
How can a have rounded off corners on each of my cells boarders? What would be the best way to do this?
|
I think I should explain more of what I'm trying to do before I get any responses...
I don't know if it's possible to round off corners of cells within one table or if I have to create a separate table and round off the corners of each table. In the body of my site I would like to have two "rounded off corner content areas" on top and three smaller ones directly below that. I did some searching and now know that I need to create images to get that rounded off corner affect, now it's just a question of how to create the look I'm after. Do I need create multiple tables or one table with multiple cells? |
You would have to put DIV container inside the table cells and put round corners on those
<table><tr> <td><div class="mydiv"> ... </div></td> <td><div class="mydiv"> ... </div></td> <td><div class="mydiv"> ... </div></td> </tr></table> CSS Insert div.mydiv { -moz-border-radius:10px; -khtml-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; } |
All times are GMT -6. The time now is 05:53 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.