主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
WEB标准化专栏
» 高手来帮个忙~~
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[求助]
高手来帮个忙~~
tlsound
[楼主]
新手上路
帖子
8
体力
17
威望
0
离线
1 天
个人空间
发短消息
加为好友
1
#
大
中
小
发表于 2008-6-6 11:27
<!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=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- body,td,th { font-size: 12px; color: #6c6c6c; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } /*- 选项卡控制--------------------------- */ .tabs { width:auto; height:auto; border: 0px solid red; } .selectTab,.unselectTab { border:1px solid #005DA1; border-bottom-width: 0; width:114px; height:23px; line-height:23px; vertical-align: middle; text-align:center; background-color:#F1F9FF; margin: 0; margin-right: 9px; font-weight:bold; font-size:14px; color:#005DA1; cursor: pointer; float:left; } .unselectTab { color:#cccccc; background-color: white; } .selectContent { border-top: 2px #005DA1 solid; padding-top: 8px; clear: both; } .unselectContent { display: none; } --> </style></head> <body> <div id="banner" style="width:850px; overflow:hidden; margin:0px auto 0px auto;"> <div style="float:left; margin:0px 10px 0px 0px;"><img src="images/logo.png" width="264" height="72" /></div> <div style="float:left">AD</div> </div> <div id="nav_2" style="clear:both; background-image:url(images/nav_2_bg2.png); height:32px;"> <div style="width:850px; overflow:hidden; margin:0px auto 0px auto; height:32px; line-height:32px; color:#FFFFFF; font-size:14px; font-weight:bold;">此处显示新 Div 标签的内容</div> </div> <div id="nav_3" style="background-image:url(images/nav_search_bg2.png); height:36px;"> <div style="width:850px; overflow:hidden; margin:0px auto 0px auto; height:36px; line-height:36px; color:#FFFFFF;">此处显示新 Div 标签的内容</div> </div> <div id="color_bg" style="background-image:url(images/stock_search_bg.png); background-repeat:repeat-x; height:180px;"> <div id="stock" style="width:850px; overflow:hidden; margin:9px auto 20px auto;"> <div id="stock_left" style="width:620px; overflow:hidden; margin:0px 20px 0px 0px; float:left;"> <div id="name" style=" font-size:24px; font-family:'微软雅黑','黑体'; font-weight:bold; color:#000000; margin:0px 0px 12px 0px;">出售房屋全称</div> <div id="minute" style="margin:0px 0px 0px 0px;"> <div style=" margin:0px 0px 0xp 0px; background-color:#ffffff; border-top:1px solid #005DA1; border-left:1px solid #005DA1; border-right:1px solid #005DA1; padding:0px 10px 0px 10px; height:25px; line-height:25px; float:left; color:#000000; font-size:14px;" align="center";>详细介绍</div> <div style="clear:both; border-top:2px solid #005DA1; zoom:1; padding:12px 0px 0px 0px;"> <div style=" width:390px; overflow:hidden; margin:0px 10px 0px 0px; line-height:24px; float:left;">此处显示新 Div 标签的内容</div> <div style="float:left; width:205px; border:1px solid #FFD119; background-color:#FFFFCC; padding:6px; overflow:hidden;" align="center">插入地图</div> </div> <div style="margin:18px 0px 0px 0px; clear:both; height:30px; line-height:30px; border:1px solid #CCCCCC; padding:0px 10px 0px 10px; color:#F05600; font-size:18px; font-family:'微软雅黑','黑体'; font-weight:bold;">联系电话:13777871666</div> <div id="jb" style="margin:18px 0px 0px 0px;"> <div id="s_box" style="padding:3px 6px 3px 6px; color:#000000; background-color:#FFFFCC; border:1px solid #CC3300; float:left; margin:0px 9px 0px 0px;">收藏房源</div> <div id="s_box" style="padding:3px 6px 3px 6px; color:#000000; background-color:#FFFFCC; border:1px solid #CC3300; float:left; margin:0px 9px 0px 0px;">信息举报</div> <div id="s_box" style="padding:3px 6px 3px 6px; color:#000000; float:left; margin:0px 9px 0px 0px;">举报电话:0571-85310577</div> </div> <div style="clear:left; height:9px; overflow:hidden;"></div> <div style=" margin:0px 0px 0px 0px;"> <div id="Tab" style=" width:620px; overflow:hidden; clear:both;"> <div class="tabs"> <h1 onmouseover="changTab(this)"> 相关个人房源 </h1> <h1 onmousemove="changTab(this)"> 相关中介房源 </h1> <div style="line-height:23px;">%!latest_model(/05zzhz/news/material/,1,8,1,/06jiaju/js/titile_name.html)!%</div> <div style="line-height:23px;">%!latest_model(/05zzhz/bbs/rdtj/,1,8,1,/05zzhz/blog/js/titile_name.html)!%</div> </div> </div> </div> </div> </div> <div id="stock_right" style="width:210px; overflow:hidden; float:left;"> <div id="stock_box" style=" background-image:url(images/stock_right_bg2.png); width:210px; overflow:hidden; margin:0px 0px 5px 0px;"> <div style="background-image:url(images/stock_right_bg1.png); height:35px; line-height:35px; color:#000000; font-size:14px; font-weight:bold; padding:0px 0px 0px 8px; ">栏目标题</div> <div style="margin:0px 6px 3px 6px;">此处显示新 Div 标签的内容</div> <div style="background-image:url(images/stock_right_bg3.png); height:10px; overflow:hidden;"></div> </div> <div id="stock_box" style=" background-image:url(images/stock_right_bg2.png); width:210px; overflow:hidden; margin:0px 0px 5px 0px;"> <div style="background-image:url(images/stock_right_bg1.png); height:35px; line-height:35px; color:#000000; font-size:14px; font-weight:bold; padding:0px 0px 0px 8px; ">栏目标题</div> <div style="margin:0px 6px 3px 6px;">此处显示新 Div 标签的内容</div> <div style="background-image:url(images/stock_right_bg3.png); height:10px; overflow:hidden;"></div> </div> <div id="stock_box" style=" background-image:url(images/stock_right_bg2.png); width:210px; overflow:hidden; margin:0px 0px 5px 0px;"> <div style="background-image:url(images/stock_right_bg1.png); height:35px; line-height:35px; color:#000000; font-size:14px; font-weight:bold; padding:0px 0px 0px 8px; ">栏目标题</div> <div style="margin:0px 6px 3px 6px;">此处显示新 Div 标签的内容</div> <div style="background-image:url(images/stock_right_bg3.png); height:10px; overflow:hidden;"></div> </div> </div> </div> </div> </div> <div style=" border-top:2px solid #666666; padding:0px 0px 0px 0px; background-color:#FFFFFF; line-height:26px; margin:20px 0px 0px 0px; height:96px; clear:both;" align="center"> <span class="STYLE1">增值电信业务经营许可证:浙B2-20030198 | 广告经营许可证号:3300008000006<br /></span><br /> <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250381.shtml" target="_blank">网站简介</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250385.shtml" target="_blank">网站合作</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/ad/ensample/index.shtml" target="_blank">刊登广告</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250382.shtml" target="_blank">联系方式</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/08/22/006277738.shtml">主持人介绍</a><a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250382.shtml" target="_blank"></a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250383.shtml" target="_blank">法律顾问</a> <br /> <a href="http://www.zzhz.com.cn"><img src="images/bot_logo.png" width="100" height="18" border="0" /></a></div> </body> <script language="javascript"> window.onload=resetTab; function getTabTitle(tab) { var childNodesList=tab.childNodes; var titleNodes=new Array(); var j=0; var i; for (i=0;i<childNodesList.length;i++) { if(childNodesList[i].nodeName=="H1") { titleNodes[j]=childNodesList[i]; j++; } } return titleNodes; } function getTabContent(tab) { var childNodesList=tab.childNodes; var tabContent=new Array(); var j=0; var i; for (i=0;i<childNodesList.length;i++) { if(childNodesList[i].nodeName=="DIV") { tabContent[j]=childNodesList[i]; j++; } } return tabContent; } function resetTab() { var allDiv=document.getElementsByTagName("div"); var tab=new Array(); var j=0; var i; for (i=0;i<allDiv.length;i++) { if(allDiv[i].className=="tabs") { tab[j]=allDiv[i]; j++; } } var tabTitle,tabContent; for(i=0;i<tab.length;i++) { tabTitle=getTabTitle(tab[i]); tabTitle[0].className="selectTab"; tabContent=getTabContent(tab[i]); tabContent[0].className="selectContent"; for (j=1;j<tabTitle.length;j++) { tabTitle[j].className="unselectTab"; tabContent[j].className="unselectContent"; } } } function changTab(tab) { var tabTitle,tabContent,i; if(tab.className!="selectTab") { tabTitle=getTabTitle(tab.parentNode); tabContent=getTabContent(tab.parentNode); for(i=0;i<tabTitle.length;i++) { if(tabTitle[i].className=="selectTab") { tabTitle[i].className="unselectTab"; } if(tabContent[i].className=="selectContent") { tabContent[i].className="unselectContent"; } } tab.className="selectTab"; for(i=0;i<tabTitle.length;i++) { if(tabTitle[i].className=="selectTab") { tabContent[i].className="selectContent"; break; } } } } </script> </html>
提示:您可以先修改部分代码再运行
最下面那个版权信息 怎么不会底部对齐的?
积分
17
阅读权限
10
在线时间
47 小时
注册时间
2006-12-21
最后登录
2008-9-4
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
将虚拟化进行到底
cuikai
银牌会员
帖子
1525
体力
2042
威望
7
当前
北京 海淀区
个人网站
发短消息
作品 4
加为好友
打分 5
专长
UI,前端制作
2
#
大
中
小
发表于 2008-6-6 11:34
<div id="color_bg" style="background-image:url(images/stock_search_bg.png); background-repeat:repeat-x; height:180px;">
高度没有给够
崔凯加油:
www.uicss.cn
积分
2050
阅读权限
70
性别
男
在线时间
427 小时
注册时间
2007-8-27
最后登录
2008-9-5
查看个人网站
查看详细资料
TOP
【美橙超级G空间】688元绑定10个子目录
|
oracle工程师注册
nui963
新手上路
帖子
45
体力
39
威望
0
当前
广东 广州
个人空间
发短消息
加为好友
3
#
大
中
小
发表于 2008-6-6 11:36
好乱的页面~~不兼容ie7,ff
积分
39
阅读权限
10
在线时间
78 小时
注册时间
2007-1-14
最后登录
2008-9-5
查看详细资料
TOP
请大家尊重和保护奥运知识产权。
tlsound
[楼主]
新手上路
帖子
8
体力
17
威望
0
离线
1 天
个人空间
发短消息
加为好友
4
#
大
中
小
发表于 2008-6-6 13:27
嗯 height去掉 好了~
刚开始学DVI
积分
17
阅读权限
10
在线时间
47 小时
注册时间
2006-12-21
最后登录
2008-9-4
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
创业版