我目前正在一个网站上,该网站是企业的广告门户.广告商可以创建一个帐户,选择各种列表选项(州,护理类别等),然后上传图片,其尺寸是“单位”的倍数. “单位”是宽度为180px,高度为120的图像或Flash文件.广告客户可以选择水平或垂直的多个单位,即2个水平对齐的单个单位或2个垂直对齐的单个单位.
我已经到了网站运行良好的地步.我被困在要布置“单元”并正确显示它们的位置,它们之间没有任何空白.例如,如果我们有4个广告,一个水平2个单元广告,一个垂直2个单元广告和2个单个单元广告,如下所示-
|
|
2 unit ad | 2
------------------| unit
| | ad
1 unit | 1 unit |
| |
| |
我目前正在将广告单元存储在数据库中,该数据库具有在网络表单中用于构建表格的属性(例如,colspan,rowspan等).我不确定这是否是正确的方法,我担心这不是正确的方法.如果我得到一些建议,我将不胜感激.
谢谢,
印地
最佳答案
这是一个艰难的过程.如果要使用div和CSS,可以尝试浮动广告.唯一的问题是,您不能以任意顺序渲染div,因为它们不会总是尝试占用可用空间.如果您使用表,则同样如此.
原文链接：https://www.f2er.com/html/530545.html<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>
