大家帮忙看看这段CSS有什么问题~

glvicky 2007-05-11 02:26:50
<!--#include virtual="/include/Config.asp"-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css" media="screen">
@import url("style/top.css");
@import url("style/index.css");
</style>
<script language="javascript" src="/js/common.js" type="text/javascript"></script>
</head>
<body>

<div id="Container">
<div id="Head">
<div id="HeadLink">
<ul>
<li><a href="/Basket.asp" target="_blank">中华人民</a></li>
<li><a href="/Basket.asp" target="_blank">中华人民</a></li>
<li><a href="/Basket.asp" target="_blank">中华人民</a></li>
<li><a href="/Basket.asp" target="_blank">中华人民</a></li>
<li><a href="/Basket.asp" target="_blank">中华人民</a></li>
<li><a href="/Basket.asp" target="_blank">中华人民</a></li>
</ul>
</div>
<div id="HeadInfo">
<div id="Logo"><img src="/images/logo.gif" alt="中国人才热线"></div>
<div id="Banner"><img src="/images/banner.gif" alt="中国人才热线"></div>
<div id="QuickMenu">
<ul>
<li><a href="">关于我们</a></li>
<li><a href="">关于我们</a></li>
<li><a href="">关于我们</a></li>
</ul>
</div>
</div>
<div id="ChannelMenu">
<div id="OtherUrl">
<A href="/" target=_top>首页</A> | <A href="/" target=_top>个人求职</A> | <A href="/" target=_top>企业招聘</A> | <A href="/" target=_top>校园招聘</A> | <A href="/" target=_top>中国人才</A> | <A href="/" target=_top>中国企业</A>
</div>
<div id="Date">
<script language=JavaScript>
today=new Date();
function initArray(){
this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i];
}
var d=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
document.write("<font color=#000000 style='font-size:9pt;font-family: 宋体'>",today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日 ",d[today.getDay()+1],"</font>" );
</script>
</div>
</div>
<div id="UserLogin">
<form name="UserLogin" method="post" action="/CheckLogin.asp">
<span><input type="radio" name="uerstype" id="person" value="1" checked><label for="person">个人会员</label>
<input type="radio" name="uerstype" id="unit" value="2"><label for="unit">企业会员</label> |
帐号:<input class="text" type="text" name="UserName"> 密码:<input class="text" type="text" name="PassWord"></span>
<input type="image" src="/images/loginnav-btn1.gif" class="image" alt="会员登录"> <a href=""><img src="/images/regperson.gif" alt="注册个人会员"></a> <a href=""><img src="/images/regunit.gif" alt="注册企业会员"></a>
</form>
</div>
</div>

<div id="Middle">
<div id="Left">
<div id="QuickSearch">
<div id="QuickSearchTitle">职位搜索</div>
<div id="QuickSearchItem">
</ul>
<li>
<select name="Catalog">
<option value="0" selected>请选择工作类别</option>
<option value='1000'>全部工作</option>
<option value='9900'>其它</option>
</select>
</li>
<li><select name="Catalog">
<option value="0" selected>请选择工作类别</option>
<option value='1000'>全部工作</option>
<option value='9900'>其它</option>
</select>
</li>
<li><input type="text" value=""></li>
<li><input type="text" value=""></li>
<li>
<SELECT name="positionPostDate" width="10">
<option value='0' selected>不限</option>
<option value='1'>一天内</option>
<option value='3'>三天内</option>
<option value='7'>一周内</option>
<option value='15'>半月内</option>
<option value='30'>一月内</option>
<option value='90'>三月内</option>
<option value='180'>半年内</option>
<option value='360'>一年内</option>
</SELECT>
</li>
<li><input onBlur="if(this.value=='')this.value='关键字搜索...';" onFocus="if(this.value=='关键字搜索...')this.value='';" size="19" value="关键字搜索..." name="setkeyword"></li>
<li><input type="image" src="/images/btn_search.gif" class="imagesbutton"><a href=""><img src="/images/btn_fz_search.gif"></a></li>
</ul>
</div>
</div>
</div>
<div id="Content">
<div id="UpUnit">
<div id="UpUnitBar">推荐企业</div>
<div id="UpUnitItem">
<ul>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
</ul>
</div>
</div>
</div>
<div id="Right">
<div id=""></div>
</div>
</div>
</div>

</body>
</html>

css在下贴:


大家存成htm，然后。。刷新看看，经常会有下面一半出不来，这是为什么？
...全文
294 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
glvicky 2007-05-11
  • 打赏
  • 举报
 回复
不是的，就总宽度的下面一部分不会显示~``就是到
<div id="QuickSearchTitle">职位搜索</div>这一块经常只会显示出一半来着~
我试了一下，好像是
#Head #ChannelMenu #OtherUrl {width:596px!important;width:613px;height:25px;text-align:left;float:left;color:#C0DDF5;padding-left:15px;word-spacing:0;letter-spacing:0.5px;filter:dropshadow(color='#37577D',offx='1',offy='1' positive='0'); line-height: 25px; vertical-align: middle;}
的问题，我把filter注释掉就行了~但就没有阴影了~``请问如何解决？
pulongywk 2007-05-11
  • 打赏
  • 举报
 回复
不知道你的问题,,,,
如果说是<li>·海南美尔达商务旅行管理</li>
<li>·海南美尔达商务旅行管理</li>
这里显示不出来的话,你把
#Container #Middle 指定个高度就行了
glvicky 2007-05-11
  • 打赏
  • 举报
 回复
label {cursor:pointer;}
body {margin:0px;padding:0px;text-align:center;}
body,p,th,td,input,select,textarea {font-size:12px;color:#111111}
div,form,img,ul,li {padding:0px;border:0px;margin:0px;}
ul,li {list-style:none;}
* {margin:0px;padding:0px;}

/*默认链接*/
A:link {COLOR: #0044DD;text-decoration: none;}
A:visited {COLOR: #0044DD;text-decoration: none;}
A:hover {COLOR: #ff5500;text-decoration: underline;}
A:active {COLOR: #ff5500;text-decoration: none;}

#Container {border:1px solid #999;width:778px!important;width:780px;margin:0px auto;padding:0px;}
#Container #Left{width:180px;float:left;}
#Container #Content{width:418px;float:left;margin:0px 10px;}
#Container #Right{width:160px;float:left;}

#Head {background-color:#ffffff;}
#Head #HeadLink {text-align:left;clear:both;}
#Head #HeadLink ul {}
#Head #HeadLink ul li {float:left;line-height:20px;margin-left:10px;font-size: 12px;}
#Head #HeadLink ul li a{color: #465f87;text-decoration: none;}
#Head #HeadLink ul li a:hover{color: #ff6600;text-decoration: underline;}
#Head #HeadInfo {width:778px!important;width:780px;text-align:left;height:80px;padding-top:10px;position:relative;clear:both;}
#Head #HeadInfo #Logo {width:180px;float:left;text-align:center;}
#Head #HeadInfo #Banner {width:498px!important;width:500px;float:left;}
#Head #HeadInfo #QuickMenu {width:100px;float:left;}
#Head #HeadInfo #QuickMenu li {background:url(/images/bull_sm_g.gif) no-repeat 0 3px;;line-height:20px;padding-left:20px;}

#Head #ChannelMenu {width:778px!important;width:780px;background:url(/images/Menu_bg.jpg) repeat-x;;height:25px;overflow:hidden;clear:both;}
#Head #ChannelMenu #OtherUrl {width:596px!important;width:613px;height:25px;text-align:left;float:left;color:#C0DDF5;padding-left:15px;word-spacing:0;letter-spacing:0.5px;filter:dropshadow(color='#37577D',offx='1',offy='1' positive='0'); line-height: 25px; vertical-align: middle;}
#Head #ChannelMenu #OtherUrl A {color:#FFF;}
#Head #ChannelMenu #OtherUrl A:visited {color:#FFF;}
#Head #ChannelMenu #OtherUrl A:hover {color:#FF0; }
#Head #ChannelMenu #Date {width:142px!important;width:167px;float:left;height:25px;background:url(/images/menu_right.gif) no-repeat;padding-left:25px;line-height:25px;}

#Head #UserLogin {width:758px!important;width:780px;height:20px;background:url(/images/globalnav-bg2.gif) repeat-x;border-bottom:1px solid #46698b;margin-bottom:5px;text-align:left;padding:5px 10px;clear:both;float:inherit}
#Head #UserLogin span {float:left;margin-top:-1px;}
#Head #UserLogin input.image {float:left}
#Head #UserLogin img {float:left}
#Head #UserLogin input.text {line-height:16px;height:18px;border:1px solid #aaa;width:100px;}

#Container #Middle {clear:both;display:block;position:relative;}

#Container #Left {width:180px;float:left;}
#Container #Left #QuickSearch {width:180px;text-align:center;clear:both;}
#Container #Left #QuickSearch #QuickSearchTitle {height:25px;line-height:25px;border:solid #999;border-width:1px 1px 0px 0px;font-weight:bold;font-size:14px;text-align:left;padding-left:30px;background:url(/images/quicksearchtitle.gif) no-repeat;}
#Container #Left #QuickSearch #QuickSearchItem {padding-top:5px;border:solid #999;border-width:1px 1px 1px 0px;height:160px;}
#Container #Left #QuickSearch ul {}
#Container #Left #QuickSearch li {height:25px;float:left;padding-left:2px;}
#Container #Left #QuickSearch li select {width:165px;margin-left:5px;}
#Container #Left #QuickSearch li input {width:165px;margin-left:5px;}
#Container #Left #QuickSearch li input.imagesbutton {width:auto;margin-left:13px;float:left;}

#Container #Content #UpUnit {width:418px;}
#Container #Content #UpUnit #UpUnitBar {height:25px;line-height:25px;text-align:left;background:url(/images/upunitbar.gif);padding-left:20px;}
#Container #Content #UpUnit #UpUnitItem {width:418px;display:inline;}
#Container #Content #UpUnit #UpUnitItem li {width:205px;float:left;margin-left:3px;display:inline;text-align:left;line-height:20px;}
细说CSS(CSS+CSS3)
本课程包含7章45个小节课程，内容涵盖：CSS基础、CSS选择器、CSS属性和属性值、CSS 边框和背景、CSS盒子模型、文本样式等。
精通CSS(层叠样式单)语法请帮忙看看
精通CSS(层叠样式单)语法请帮忙看看     在Web设计中，CSS(Cascading Style Sheet)其实是很熟悉的东西，不过在看一些复杂网页的CSS时，常常被一些莫名其妙写法搞得比较郁闷。于是在Google上翻啊翻，翻了一堆CSS的手册来看也没有彻底搞明白是怎么回事。下面总结一下，希望能作为一个快速参考来对付那些"怪异"的CSS。    什么是"怪异"的CSS？比如这些...
html a 只显示一行,请大家帮我看一下我这段代码中的ul和a为什么不能显示在同一行中。_html/css_WEB-ITnose...
我现在用ul做了一个横向菜单，想把它放在“home”连接的右边，但我发现它运行时ul菜单始终会换行，是不是css出了问题，请大家给我指教一下，谢谢。建议用firefox浏览器运行。Home|回复讨论(解决方案)在线等，请大家帮忙。ul是块级元素，当然会换行，你可以强制它inline，其它自己调吧。ul { display:inline}把css的最后一行改成li:hover ul,.over ul...
css代码好学吗,告诉CSS新手20个小技巧_css
在过去，我们大量依靠网站设计人员和程序员来帮忙更新网站，甚至一个十分简单的网页也是如此。感谢有了css,真是由于她的灵活性，网页的样式可以完全与代码分离。现在，你仅仅需要有CSS的基础知识，甚至是一个初学者也能够轻易的改变网站的外观。无论你是准备用CSS来创建你自己的网页，还是仅仅想用她来改变你博客的外观，学习CSS基本原则都有助于为你打下CSS的坚实基础。让我们来看一些对CSS初学者有用的小技巧...
css css2 css3_学习CSS的最佳方法
无论您是刚刚开始使用基础知识还是想探索更高级CSS，我们都会提供一个全新且全面的学习指南，以帮助您在线学习CSS。 查阅 学习CSS：完整指南 。 CSS与HTML协同工作; HTML整理了页面结构，CSS使其看上去很漂亮，并增加了微妙的交互作用。 作为一名网页设计师，您应该真正掌握这两种语言。 即使您自己不进行编码，了解它们的工作原理也会帮助您进行网络设计。 掌握基础知识：什么是CS...
CSS

61,112

社区成员

60,730

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章