Advanced css/html table styling?

You need the border-spacing property. Table cells are not like other elements, because while div and p gets are block level elements, and span and input are inline, table cells and rows get their own table-cell and table-row display values. Using border-spacing with border-collapse: separate will give you what you'd need.

Have a look: jsfiddle.net/kjag3/1/ PS. I've also taken the liberty of cleaning up the HTML by separating them into two tables, so you won't need the fillers for the empty cells.

Of course dumb ie cannot handle this. Oh well, maybe next gen will :) thanks – tom_pl Aug 29 '10 at 1:29 errata. Found a workaround for this.

– tom_pl Aug 29 '10 at 1:36.

The reason you can't set any spacing between the cells is that you have border-collapse set to collapse in the styles for your table. If you use border-collapse:separate instead, you should be able to add margins to your table cells and put spacing between them. Using border-collapse:collapse makes it so that adjacent table cells use the same border; naturally, you wouldn't be able to put space between two elements when they're attached to each other.

To me, it looks like the 'K' and 'P' are headings, and the gap between the 'K' and 'P' numbers suggests that 'K' and 'P' are separate and shouldn't be part of the same table. So I suggest getting rid of the table and restructuring your HTML to use simple headings and div tags like this: HTML: K 25 26 23 24 21 22 P 47 48 45 46 43 44 CSS: . Places { width: 55px; float: left; margin: 0 25px 0 0; } .

Places h2, . Places div { width: 22px; height: 22px; margin: 0 3px 3px 0; border: 1px solid #d2cdd1; border-top:none; background-color:#e7e7e7; text-align:center; cursor:pointer; font-weight: normal; font-size: 12pt; } . Places div { float: left; }.

1 If you really want to get picky, then the divs should probably be an unordered list. – derekerdmann Aug 29 '10 at 2:04.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.