About Table Border

aliaib97 · #1 Dec 28, 2008, 10:40 AM

can any one write me a class which can be applied to a table and will change the outer borders of that table only i want to create a box around my contents in a web page. setting border="1" set border of cells as well. i dont want to use inner table just want a CSS solution. something like this

PART OF MY PAGE ..MAY CONTAINS TABLE AND OTHERS
CLASS APPLIED ABOVE SHOULD HAVE NO EFFECT HERE
OFCOURSE BORDER WILL COLLAPSE IN ACTUAL HTML
__________________________________________________ ________
| |
| |
| |
| |
| |
| |
| |
| | |_________________________________________________ _______|

vingogly · Dec 28, 2008, 12:44 PM

If you apply the style to the table rather than the rows or cells, you'll get a border around the table only. Try this for the CSS style:

Code:

<style type="text/css">
    .bordered-table
   {
        border: 1px solid;
   }
</style>

and here's an example of applying it to a table:

Code:

<table class='bordered-table'>
<tr><td>one</td><td>two</td><td>three</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>



At Ask Me Help Desk you can ask questions in any topic and have them answered for free by our experts. To ask questions or participate in answering them you must register for a free account. By registering you will be able to: Get free answers from experts in any of our 300+ topics. Accept money for answers that you provide. Communicate privately with other members (PM). See fewer ads. Sign Up!