Question

我目前正在开发一个网站，这是一个面向企业的广告门户网站。广告商可以创建一个帐户，选择各种列表选项（州，护理等），上传图形以“单位”的倍数来衡量。 “单位”是180px宽且120高的图像或闪存文件。广告商可以选择多个水平或垂直的单元，即2个水平对齐的单个单元或垂直对齐的2个单个单元。

我已经到了网站工作正常的地步。我被困在一个点上，我将布置“单位”并正确显示它们，它们之间没有空隙。例如，如果我们有4个广告，一个水平的2个单元广告，一个垂直的2个单元和2个单个单元广告，就像这样 -

                  |
                  |
   2 unit ad      |   2 
------------------|  unit 
        |         |   ad
1 unit  | 1 unit  | 
        |         |
        |         |

我目前正在将广告单元存储在数据库中，该数据库具有在Web表单中用于构建表格的属性（即，colspan，rowspan等）。我不确定这是否是正确的方法，我担心不是。如果我得到一些建议，我将非常感激。

谢谢，印

Answer 1

恕我直言表非常适合这项工作，因为广告具有相同的rowspan-is和colspan-ish行为。如果您有一个生成正确表格的方法，请坚持下去。

另外，当我为布局创建HTML表格时，我不希望单元格之间有空格，我包括 cellspacing =“0”和 cellpadding =“0”属性，像利亚提到的那样。

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

额外的表格技巧：
要在HTML表格单元格之间获得单个像素边框，请使用

table 
{ 
    border-collapse: collapse; 
}

CSS属性。

Answer 2

所以问题是单元之间有空的空间？你的表包括吗？ cellspacing =“0”和cellpadding =“0”？

即

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

不确定如何存储具有属性的单位。分离数据和界面描述意味着您可以更灵活地处理UI更改请求。如果每种类型的单元的属性相同，则可能存储大量重复数据。

Answer 3

你有没有看过任何TreeMap控件？其中大多数都是商业产品，但可能会有一个开源产品。

Answer 4

这是一个艰难的。如果您想使用div和css，可以尝试浮动广告。唯一的问题是你不能以任意顺序渲染div，因为他们不会总是试图占用可用的空间。如果您使用的是表格，情况也是如此。

<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>

ASP.NET广告网站

4 个答案: