I have an image with more than 100 geometrical shapes with different size and dimensions, i used image mapping over it and assign id to each like
Since you have a bunch of areas with id's corresponding to your tables, the only thing you really need to do is to create the CSS markup for each of those IDs. What you want to do is loop through your mysql table and "echo" the CSS markup somewhere between your head tags.
1) Establish MySQL connection
2) Create your select statement and initiate the while loop
3) echo your css code.