TABLES - CSS: Professional Techniques for Modern Layout - page 217

219

Figure 6-12: Placing the data into each state.

(h ere's also the problem of all those tiny Northeastern states having their data overlap each
other, but that's something to tackle later.)

h e easiest way to overcome this is to assign each tr a width and height, and then pull it up
and to the let by half the assigned dimensions. A little experimentation arrives at the follow-
ing (see also Figure 6-13):

tr { position : absolute ; top : 0 ; left : 0 ;
width : 2em ; height : 2em ;
margin-left : -1em ; margin-top : -1em ;
color : #527435 ;
border : 1px dotted red ;}