站长之家

先来个最简单的:
<p style=”margin-right: 0em; margin-top: 0em; float: right”>广告代码</p>
或者是:
<div style=”float:left;width:300px;height:250px;”>广告代码</div>显示在左边就把float:left 显示在右边：float:right

来点高级的!环绕广告的画中画实现方法!

模板部分:
<div id=”new”><br />  <div id=”zhan”>占位用的空白块</div><br />  <div id=”ad”>放广告代码</div><br />  {内容标签}<br /> </div>
CSS部分:
#zhan{<br /> float:right;       /让块靠右<br /> clear: right;       /让块的右边不能有其它块<br /> height: 200px;   /用这个来控制广告在内容里的位置<br /> width: 1px;     /<br /> }<br /> #ad{<br /> height: 250px;<br /> width: 250px;<br /> float: right;     /让块靠右<br /> clear: right;     /让块的右边不能有其它块<br /> margin: 15px 15px 15px 0px;<br /> }<br /> #new img {<br /> clear: right; display:block;   /让内容里的图片和表格不会遮挡广告}<br /> #new table{<br /> clear: right;   /让内容里的图片和表格不会遮挡广告<br /> }<br /> #new{<br /> float: left;<br /> }
简单的很实用!

作者: 博雅塔主

关注新网络媒体运营、企业网络营销。

该日志由 博雅塔主 于2008年02月15日发表在程序编程分类下，
转载请注明: 伪画中画广告:简单实现图文混编的方法 | 站长之家
标签: CSS, Div, 图文混编, 画中画