No more cellspacing, roll on border-collapse!

Confused as to why applying a css margin:0px and padding:0px doesn't remove the gaps between cells in tables? You need border-collapse.

The cellpadding and cellspacing attributes are not deprecated in HTML 4 (and not even in XHTML 1.1), however, looking to the future I like to use CSS where possible.

The following css demonstrates how to remove the gaps on all tables:

TABLE {
  border-collapse: collapse;
} 
Author Paul Hayman

Paul is the COO of kwiboo ltd and has more than 20 years IT consultancy experience. He has consulted for a number of blue chip companies and has been exposed to the folowing sectors: Utilities, Telecommunications, Insurance, Media, Investment Banking, Leisure, Legal, CRM, Pharmaceuticals, Interactive Gaming, Mobile Communications, Online Services.

Paul is the COO and co-founder of kwiboo (http://www.kwiboo.com/) and is also the creator of GeekZilla.

Add Comment

Name
Comment
 

Your comment has been received and will be shown once it passes moderation.