实现GGAD(Google Adsense)广告横排的二种方法
在看别的网站广告的时候,感觉挺好看的。可是也许看起来是不是很容易,但确实有很多初学者不会。实现GGAD(Google Adsense)的两个广告横排,确实没什么难度的,就用adsense的广告举例子吧,以前两个google adsense的广告挨着放在一起,网页上就显示是横排排列的,可如今Google修改了广告代码,HTML5和Css3也即将面世,那么简单的办法已经不能搞定了。
想要实现网页广告的横排排列效果,有以下几种简单的方法,实现的效果如上方的两个横排的336*280的adsense广告效果所示。
一,使用表格实现横排广告
表格式最简单的了,为了便于大家查看,我将表格的宽度设为1,在实际应用的时候一般不显示表格的。代码如下:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>广告代码一</td>
<td>广告代码二</td>
</tr>
</table>
请根据自己的需要修改表格的宽度和间距。
二,Div+Css实现横排广告
首先在需要增加广告的地方加上如下代码:
<div class="ad">
<div class="ad_left">左边广告</div>
<div class="ad_right">右边广告</div>
</div>
然后在Css文件或者<style type="text/css"></style>之间加上如下代码:
.ad { width:676px; height:280px; margin:auto; clear:both; } .ad_left { float:left; width:336px; } .ad_right { float:left; width:336px; }
同样,可以根据自己广告的大小修改宽度和高度。
