HTML table border differ from cell border

Question

0.00/5 (No votes)

See more:

Hi,

i want to create a table with border-color(lets say red) and the cell borders inside the table to be in different color(lets say blue) and without displaying the borders of the table as 2 lines.
is it applicable without making the borders of the outer td colored red??
Thanks

Posted 28-Mar-12 19:38pm

Rojeh

Add a Solution

Comments

Amrut Bidri 1-Apr-12 2:53am

are you providing id to each td element if yes, it'll help.

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

nrgjack · Answer 1 · 2012-04-10T03:00:00

HTML

<table>
    <tr><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>1</td><td>1</td><td>1</td><td>1</td></tr>
</table>

CSS

table{border: 1px solid red}
table td{border: 1px solid blue}
table tr:first-child td{border-top:none}
table tr:last-child td{border-bottom:none}
table tr td:first-child{border-left:none}
table tr td:last-child{border-right:none}

but as i know first child and last child are not fully compatible with IE, i've tried with ie9 and works ok, you should try in every browser

or you can use classes to get the first and the last row, and the first and the last column

or more you can change the color with js

HTML table border differ from cell border

1 solution

Solution 1

Add your solution here

Preview 0

HTML table border differ from cell border

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us