|
|
|
网站建设，从网上搜了一段导航代码，修改了一下，结果出现情况了。
就是下拉菜单的时候，正文也跟着被往下挤，求助。
上图啦、、
还有源代码的CSS我也贴上了。求助啊。
你们可以放进自己电脑 上试下，只求解决问题了。。。。
｛
<style type="text/css">
body{
text-align:center;}
/* 整体设置*/
#menu {
margin:0;
padding:0;
width:950px;
list-style-type:none;
font:15px "黑体";
}
#menu li {
float:left;
padding:0;
margin:0 1px 0 0;
width:134px;
}
/* 设置菜单项*/
#menu li dl {
width:134px;/*ie6*/
margin: 0;
padding: 0 0 5px 0;
background: #cb6 url(p_w_picpath/bottom.gif) no-repeat bottom left;
}
#menu li dt a,#menu li dd a{ display:block;}
/* 设置菜单项的dt */
#menu li dt {
margin:0;
padding: 10px;
text-align:center;
border-bottom:1px solid #b00;
}
#menu li dt.orange { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt.yellow { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt.green { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt.blue { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt a ,#menu li dt a:visited {
display:block;
color:#333;
text-decoration:none;
}
/* 设置菜单项的dd */
#menu li dd {
margin:0;
padding:0;
color: #fff;
background: #47a;
}
#menu li dd.last {
border-bottom:1px solid #b00;
}
#menu li dd a, #menu li dd a:visited {
display:block;
color:#fff;
text-decoration:none;
padding:4px 5px 4px 20px;
background: #47a url(p_w_picpath/arrow.gif) no-repeat 10px 10px;
height:1em;
}
/*关闭子菜单*/
#menu li dd { display:none;}
/* 设置鼠标响应 */
#menu li:hover dd , #menu li a:hover dd { display:block;}
#menu li:hover, #menu li a:hover { border:0;}/*ie6*/
#menu li dd a:hover {
background: #147;
color:#9cf;
}
/*针对ie6的设置*/
#menu table { border-collapse:collapse;
padding:0;
margin:-1px;
font-size:1em;
}
#ppt{
width:950;
}
</style>
</head>
<body>
<div style="background-image:url(img/top_bg.png)">
<table border="0" align="center" width="950">
<tr height="30"> <td align="right"><font size="3">网站管理 | 加入收藏 | 设为首页 | 在线答疑问 | <a href="index.php">返回主页</a></font></td></tr>
</table>
</div>
<div>
<table border="0" align="center" width="950" height=120 background="img/top.jpg">
<tr> <td align="left" width="70%"><img src="img/logo.gif" width="120"></td><td align="left" width="30%"><font size=3><strong> 厦门鑫生源管理咨询有限公司 <p>联系电话：</strong></font><strong style="font-size:25px"> <font color="#FF0000">0592-5078981</font></strong></td>
</tr>
</table>
</div>
<!--
<div id=nav>
<table border="0" align="center" width="1200" height=50 style="background-image:url(img/nav.png)">
<tr> <td> <ul><li>首页<li>公司简介<li>服务项目<li>扶持政策<li>人力资源<li>客户留言</ul></td>
</tr>
</table>
</div>-->
<div>
<ul id="menu">
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dt class="orange"><a href="#">首页</a></dt>
<dd><a href="#">首页</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dt class="yellow"><a href="#">公司简介</a></dt>
<dd><a href="#">公司简介</a></dd>
<dd><a href="#">企业新闻</a></dd>
<dd><a href="#">企业前景</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dt class="orange"><a href="#">职能咨询</a></dt><dd><a href="#">职能咨询</a></dd>
<dd><a href="#">科技咨询</a></dd>
<dd><a href="#">顾问咨询</a></dd><dd><a href="#">体系咨询</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dt class="green"><a href="#">服务项目</a></dt>
<dd><a href="#">服务项目</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dt class="blue"><a href="#">服持政策</a></dt>
<dd><a href="#">服持政策</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dt class="blue"><a href="#">招贤纳士</a></dt>
<dd><a href="#">招贤纳士</a></dd>
<dd><a href="#">职场竟技术</a></dd>
<dd><a href="#">简历投放中心</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li>
<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
<dl>
<dt class="blue"><a href="#">客户留言</a></dt><dd><a href="#">客户留言</a></dd>
<dd><a href="input.php">签写留言</a></dd>
<dd><a href="browse.php">查看留言</a></dd>
<dd><a href="#">管理留言</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
<div id="ppt">
/* 整体设置*/
#menu {
margin:0;
padding:0;
width:950px;
list-style-type:none;
font:15px "黑体";
}
#menu li {
float:left;
padding:0;
margin:0 1px 0 0;
width:134px;
}
/* 设置菜单项*/
#menu li dl {
width:134px;/*ie6*/
margin: 0;
padding: 0 0 5px 0;
background: #cb6 url(p_w_picpath/bottom.gif) no-repeat bottom left;
}
#menu li dt a,#menu li dd a{ display:block;}
/* 设置菜单项的dt */
#menu li dt {
margin:0;
padding: 10px;
text-align:center;
border-bottom:1px solid #b00;
}
#menu li dt.orange { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt.yellow { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt.green { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt.blue { background:#fa5 url(p_w_picpath/top.gif) no-repeat top left;}
#menu li dt a ,#menu li dt a:visited {
display:block;
color:#333;
text-decoration:none;
}
/* 设置菜单项的dd */
#menu li dd {
margin:0;
padding:0;
color: #fff;
background: #47a;
}
#menu li dd.last {
border-bottom:1px solid #b00;
}
#menu li dd a, #menu li dd a:visited {
display:block;
color:#fff;
text-decoration:none;
padding:4px 5px 4px 20px;
background: #47a url(p_w_picpath/arrow.gif) no-repeat 10px 10px;
height:1em;
}
/*关闭子菜单*/
#menu li dd { display:none;}
/* 设置鼠标响应 */
#menu li:hover dd , #menu li a:hover dd { display:block;}
#menu li:hover, #menu li a:hover { border:0;}/*ie6*/
#menu li dd a:hover {
background: #147;
color:#9cf;
}
/*针对ie6的设置*/
#menu table { border-collapse:collapse;
padding:0;
margin:-1px;
font-size:1em;
}
</div>
｝ |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2011-10-29 08:16:05