One Pixel Table Borders with CSS

I just found a really cool way to do one pixel table borders but it requires CSS. Isaac informs me that this will also work on a div tag.

<style>
    table { border-collapse: collapse; }
    td, th { border: 1px solid #000000; vertical-align: baseline; }
</style>

<table border="0" cellpadding="3">
<tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
</tr>
<tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
</tr>
</table>
Leave A Reply - 3 Replies
Replies
Vijay 2011-07-27 10:55am - vijay1440@... - Logged IP: 124.123.231.153

Oh my god, you just solved my years together problem so simply in 5 seconds. I don't know how should I thank you.

Thanks a lotttttttttttttt, Vijay

MackAttack 2011-08-08 01:55pm - No Email - Logged IP: 130.36.62.225

Vijay,

Geeze this is the simpliest of simpliest css... and it took you a year to figure it out??? Man I'd find another past time hobby, I sure hope you dont code for a living!

Ah huh 2011-11-21 03:16pm - No Email - Logged IP: 192.188.185.226

It that's your idea of spelling correctly MackAttack, then I hope you're not a coder either.

All content licensed under the Creative Commons License