ansaurus

Question

Answer 1

A:

Have you had a look for any TreeMap controls? Most of them will be commercial offerings, but there may be an open source offering out there.

Zhaph - Ben Duguid 2008-12-24 10:56:31

Answer 2

+1 A:

So the problem is that you have empty space between the units? Does you table include cellspacing="0" and cellpadding="0"?

i.e.

<table cellspacing="0" cellpadding="0">

Not sure how you are storing the units with the attributes. Separating the data and the interface description can mean you have more flexibility and ability to cope with UI change requests. If the attributes are the same for each type of unit then there is probably a lot of duplicated data being stored.

Leah 2009-01-10 06:37:02

Answer 3

A:

That's a tough one. If you want to use divs and css you can try floating the ads. The only problem is that you can't render the divs in an arbitrary order since they won't always try to take up the available room. The same would be true if you were using tables though.

<html>
<head>
    <style>
     div.adcontainer {
      margin: 0px; width: 540px;
     }
     div.ad {
      float: right; margin: 0; padding: 0; width: 180px;
      height: 120px; background: #DDD;
     }
     div.adhorz {
      width: 360px; height: 120px;
     }
     div.advert {
      width: 180px; height: 240px;
     }
    </style>
</head>
<body>
    <div class="adcontainer">
     <div class="ad advert">ad v</div>
     <div class="ad adhorz">ad h</div>
     <div class="ad">ad 1</div>
     <div class="ad">ad 2</div>
    </div>
</body>
</html>

DavGarcia 2009-01-10 07:02:07

Answer 4

+2 A:

IMHO tables are perfect for this job, because the ads have the same rowspan-is and colspan-ish behavior. If you have a method for generating the correct table, stick with it.

Also when I create a HTML table for layout and I do not want spaces between the cells I include cellspacing="0" and cellpadding="0" attributes, like Leah mentioned.

<table cellspacing="0" cellpadding="0" border="0">

Extra table trick:
To obtain a single pixel border between HTML table cells, use the

table 
{ 
    border-collapse: collapse; 
}

CSS property.

Germstorm 2009-01-10 09:25:52

ansaurus

tags:

views:

answers:

ASP.NET advertisement website

related questions