网站广告横排的方法

一，使用表格实现横排广告

表格式最简单的了，为了便于大家查看，我将表格的宽度设为1，在实际应用的时候一般不显示表格的。代码如下：

1. <tableborder=“0”cellspacing=“0”cellpadding=“0”>
2.   <tr>
3.     <td>广告代码一</td>
4.     <td>广告代码二</td>
5.   </tr>
6. </table>

请根据自己的需要修改表格的宽度和间距。

二，Div+Css实现横排广告

首先在需要增加广告的地方加上如下代码：

1. <divclass=“ad”>
2.    <divclass=“ad_left”>左边广告</div>
3.    <divclass=“ad_right”>右边广告</div>
4. </div>

然后在Css文件或者<style type=”text/css”></style>之间加上如下代码：

1. .ad { width:676px; height:280px; margin:auto; clear:both; }
2. .ad_left { float:left; width:336px; }
3. .ad_right { float:left; width:336px; }

同样，可以根据自己广告的大小修改宽度和高度

转载请注明来源：微笑の风 » 网站广告横排的方法