帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → 环绕广告的几点问题 【本版专题贴子】  
 1/2     1 2 ›› ›|
主题：环绕广告的几点问题 [加入收藏夹]   

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
环绕广告的几点问题
环绕广告的实现方法.
以前有高手说过,但和这方法有一点点不同.
这方法也是用CSS来做的.
演示:http://plc365.com/jishu/802.html

模板部分:
<div id="new">
       <div id="zhan">占位用的空白块</div>
       <div id="ad">放广告代码</div>
       [!--newstext--]内容标签
</div>


CSS部分:
#zhan{
        float: left;          /让块靠左
        clear: left;         /让块的左边不能有其它块
        height: 200px;  /用这个来控制广告在内容里的位置
        width: 1px;       /
}
#ad{
        height: 250px;
        width: 250px;
        float: left;        /让块靠左
        clear: left;       /让块的左边不能有其它块
        margin: 15px 15px 15px 0px;
}
#new img,#new table{
        clear: left;     /让内容里的图片和表格不会遮挡广告
}
#new{
        float: left;
}


以上是那个贴的内容
显示中已经调用成功,我的CSS部分都没修改,直接加进去,但是问题出来了,碰到图片在前面的文章时候,这个调用是在最前面的,效果很难看,我想把这个调用放在文章中间,我的CSS具体应该如何修改啊?



2007-07-26 19:17:43 已设置保密 顶部 回复 引用 报告 编辑 删除

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 2 楼]

     <td class="articleBody"><p><span style="word-break:break-all;">




<div id="new">
      <div id="zhan"></div>
    <div id="ad"><script type="text/javascript"><!--
google_ad_client = "pub-6521471420868700";
google_ad_width = 200;
google_ad_height = 200;
google_ad_format = "200x200_as";
google_ad_type = "text";
//2007-07-26: google_ad_channel = "9725701902+9228757276+7156269083";
google_color_border = "1B703A";
google_color_bg = "CAF99B";
google_color_link = "0066CC";
google_color_text = "008000";
google_color_url = "000000";
google_ui_features = "rc:10";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
     [!--newstext--]</div>




</span></p>
      <p align="center">[!--page.url--]</p></td>
    </tr>
   </table>
   <div class="articleTool">



2007-07-26 19:27:08 已设置保密 顶部 回复 引用 报告 编辑 删除

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

是不是哪里还要修改啊?



2007-07-26 19:27:24 已设置保密 顶部 回复 引用 报告 编辑 删除

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 4 楼]

就下图这样

上传以下图片：



2007-07-26 20:13:00 已设置保密 顶部 回复 引用 报告 编辑 删除

禾火木风
用户头衔：嘉宾

精华贴   ：11
发贴数   ：5478
经验值   ：14183
注册时间：2006-03-02
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

你的页面页头声明是什么？这样是正确的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#zhan{
        float: left;          /让块靠左
        clear: left;         /让块的左边不能有其它块
        height: 200px;  /用这个来控制广告在内容里的位置
        width: 1px;       /
}
#ad{
        height: 250px;
        width: 250px;
        float: left;        /让块靠左
        clear: left;       /让块的左边不能有其它块
        margin: 15px 15px 15px 0px;
}
#new img,#new table{
        clear: left;     /让内容里的图片和表格不会遮挡广告
}
#new{
        float: left;
}

-->
</style>
</head>

<body>
<div id="new">
      <div id="zhan"></div>
    <div id="ad"><img src="http://bbs.phome.net/ebb_data/tran/2007-07/1185451980.jpg" width="250" /></div>
     第二届HP视觉风尚平面创意大赛第二批作品欣赏随着第二届HP视觉风尚平面创意设计精英赛进度的不断深入，主办方收到了来自各地的大量设计作品。如此众多的优秀作品给评委们的工作带来了相当的难度。更多的优秀作品还在

</div>
</body>
</html>

[该贴被修改 1 次，最后修改时间 2007-07-27 08:35:05 ]

梦想设计 成就你的设计梦想
2007-07-27 08:32:38 已设置保密 顶部 回复 引用 报告 编辑 删除

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 6 楼]

#zhan{
        float: left;          /让块靠左
        clear: left;         /让块的左边不能有其它块
        height: 200px;  /用这个来控制广告在内容里的位置
        width: 1px;       /
}
#ad{
        height: 250px;
        width: 250px;
        float: left;        /让块靠左
        clear: left;       /让块的左边不能有其它块
        margin: 15px 15px 15px 0px;
}
#new img,#new table{
        clear: left;     /让内容里的图片和表格不会遮挡广告
}
#new{
        float: left;
}

我把以上代码原封不动加入到Style.css
然后再在内容摸板加入如第个贴   



2007-07-27 10:13:54 已设置保密 顶部 回复 引用 报告 编辑 删除

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

演示http://www.wzjzw.com/news/guanzhuwenzhou/2007-07-26/221.html



2007-07-27 10:15:17 已设置保密 顶部 回复 引用 报告 编辑 删除

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 8 楼]

还没解决问题那,顶起来



2007-07-27 20:21:17 已设置保密 顶部 回复 引用 报告 编辑 删除

chutq
用户头衔：举人

精华贴   ：0
发贴数   ：276
经验值   ：1535
注册时间：2006-08-03
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

楼上的我不知道怎么解决，我看了帖子，斑竹说的头部你的
是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.wzjzw.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.wzjzw.com/1999/xhtml">
这个是网页的标准，你也修改成自己的了，汗

好像不是斑竹说的头部，你修改一下看看，能不能解决问题，还有好像下面的版权你全部修改成你的
了

[该贴被修改 1 次，最后修改时间 2007-07-27 23:33:42 ]

我要看戏
河南戏曲网
2007-07-27 23:32:37 已设置保密 顶部 回复 引用 报告 编辑 删除

wzjzw
用户头衔：举人

精华贴   ：0
发贴数   ：362
经验值   ：1496
注册时间：2007-03-25
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 10 楼]

不会吧,这可怎么办?



2007-07-28 10:45:12 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/2     1 2 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by： EBB Version 2.2.1