61,112
社区成员
发帖
与我相关
我的任务
分享div浮动问题 就差2步 各位大哥大姐路过帮我看看 先谢过
下面为网页源代码：帮我改进下浮动和图片差不多就行 直到此时还想的头痛希望你们帮帮忙看看 谢谢
<!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>
body
{
margin:0px;
padding:0px;
font-weight:
font: 12px/150% Arial, Verdana, "宋体"; background:#fff;
color: #666;
}
#img-2014,#search-2014,#mysy-2014,#settleup-2014
{
border-style:solid;
border-color:#F00;
float:left;
padding-left:20px;
}
#search
{
border-style:solid;
border-color:#FF0;
}
.form,#advancesearch
{
border-style:solid;
}
#logo-2014
{
width:100%;
height:90px;
border-style:solid;
clear:both;
}
#nav-2014
{
border-style:solid;
}
div
{
display: block;
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div id="header-2014">
<div class="w" id="logo-2014">
<div id="img-2014">
<a href="#" hidefocus="true"><b></b><img src="http://misc.360buyimg.com/lib/img/e/logo-201305.png" width="270" height="60"
alt="京东"></a>
</div>
<div id="search-2014">
<div id="search">
<div class="form">
<input type="text" class="text" id="key">
<input type="button" value="搜索" width="580px" class="button" onclick="#">
</div>
<div id="advancesearch" style="height:20px; width:20px; font-size:10px;"><a href="#" target="_blank">高级搜索</a></div>
</div>
<div id="hotwords">
<strong>热么搜索：
<a href="#" target="_blank">睡前故事</a>
<a href="#" target="_blank">旅行摄影</a>
<a href="#" target="_blank">四大名著</a>
<a href="#" target="_blank">来电情缘</a>
<a href="#" target="_blank">操蛋人生</a>
</strong>
</div>
</div>
<!--search end-->
<div id="mysy-2014">
<dl>
<dt class="ld"><a href="#">我的书韵</a><b></b></dt>
</dl>
</div>
<!--mysy end-->
<div id="settleup-2014">
<dl>
<dt class="ld"><a href="#">去购物车结算</a><b></b></dt>
</dl>
</div>
<!--settleup end-->
</div>
<!--header-2014 end-->
<div class="w">
<div id="nav-2014">
<div id="categorys-2014">
<div>
<h2><a href="#">全部商品分类<b></b></a></h2>
</div>
<div id="ALLSORT"></div>
</div>
<div id="treasure"></div>
<ul id="navitems-2014">
<li class="fore1" id="nav-home"><a href="#">首页</a></li>
<li class="fore2" id="nav-moyun"><a href="#">墨海书韵</a></li>
<li class="fore3" id="nav-feixian"><a href="#">天外飞仙</a></li>
<li class="fore4" id="nav-tuan"><a href="#" target="_blank">团购</a></li>
<li class="fore5" id="nav-auction"><a href="#">夺宝岛</a></li>
<li class="fore6" id="nav-shan"><a href="#">闪购</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
bert651153338 2014-03-17
- 打赏
- 举报
<!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>
*, div, form, ul, ol, li, dl, dt, dd {
padding:0px;
margin:0px;
}
div, form, ul, ol, li, dl, dt, dd {
list-style-type:none;
border:0px;
display:block;
}
body {
margin:0px;
padding:0px;
font-family:arial, '宋体', verdana, sans-serif;
font-size:12px;
background:#fff;
color: #666;
}
#header-2014 {
width:1008px;
margin:0 auto;
}
#search-2014{
margin-left:60px;
}
#img-2014, #search-2014, #mysy-2014, #settleup-2014 {
float:left;
padding-left:20px;
}
/*#search {
border-style:solid;
border-color:#FF0;
}
.form, #advancesearch {
border-style:solid;
}
*/
.form{
margin-top:5px;
background-color:#c7a065;
float:left;
}
#key{
width:330px;
margin:3px;
height:25px;
}
.button{
border:none;
cursor:pointer;
width:80px;
height:36px;
color:#fff;
background:#c7a065;
margin-left:-4px;
font-size:14px;
font-weight:bold;
}
#advancesearch{
float:left;
width:25px;
margin:8px;
}
#advancesearch a{
color:#000;
text-decoration:none;
line-height:15px;
}
#logo-2014 {
width:100%;
height:62px;
/*border-style:solid;*/
padding-top:8px;
padding-bottom:5px;
clear:both;
}
#nav-2014 {
background-color:#c7a065;
height:40px;
}
#categorys-2014{
background-color:#b6925b;
width:200px;
height:40px;
float:left;
}
#categorys-2014 h2{
padding:12px 20px;
}
#categorys-2014 h2 a{
font-size:15px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#navitems-2014 {
padding-top:12px;
}
#navitems-2014 li {
font-size:15px;
margin-left:30px;
float:left;
}
#navitems-2014 li a{
color:#fff;
text-decoration:none;
font-weight:bold;
}
/*伪类*/
a:link,a:visited{
color: #999;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: underline;
}
a:active {
color: #999;
text-decoration: none;
}
</style>
</head>
<body>
<div id="header-2014">
<div class="w" id="logo-2014">
<div id="img-2014"> <a href="#" hidefocus="true"><b></b><img src="http://misc.360buyimg.com/lib/img/e/logo-201305.png" width="270" height="60" alt="京东"></a> </div>
<div id="search-2014">
<div id="search">
<div class="form">
<input type="text" class="text" id="key">
<input type="button" value="搜索" class="button" onclick="#">
</div>
<div id="advancesearch"><a href="#" target="_blank">高级搜索</a></div>
</div>
<div id="hotwords"> <strong>热么搜索： <a href="#" target="_blank">睡前故事</a> <a href="#" target="_blank">旅行摄影</a> <a href="#" target="_blank">四大名著</a> <a href="#" target="_blank">来电情缘</a> <a href="#" target="_blank">操蛋人生</a> </strong> </div>
</div>
<!--search end-->
<div id="mysy-2014">
<dl>
<dt class="ld"><a href="#">我的书韵</a><b></b></dt>
</dl>
</div>
<!--mysy end-->
<div id="settleup-2014">
<dl>
<dt class="ld"><a href="#">去购物车结算</a><b></b></dt>
</dl>
</div>
<!--settleup end-->
</div>
<!--header-2014 end-->
<div class="w">
<div id="nav-2014">
<div id="categorys-2014">
<h2><a href="#">全部商品分类<b></b></a></h2>
</div>
<ul id="navitems-2014">
<li class="fore1" id="nav-home"><a href="#">首页</a></li>
<li class="fore2" id="nav-moyun"><a href="#">墨海书韵</a></li>
<li class="fore3" id="nav-feixian"><a href="#">天外飞仙</a></li>
<li class="fore4" id="nav-tuan"><a href="#" target="_blank">团购</a></li>
<li class="fore5" id="nav-auction"><a href="#">夺宝岛</a></li>
<li class="fore6" id="nav-shan"><a href="#">闪购</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
你写样式太乱了。。我改了些。。。
小小小小鸟很想飞 2014-03-17
- 打赏
- 举报
大哥 那个全部商品分类下拉导航菜单怎么做啊（当鼠标放上去时下拉显示的）
小小小小鸟很想飞 2014-03-15
- 打赏
- 举报
纠结啊 路过的大哥大姐帮帮忙啊 这效果可憋死我了不解决可能要继续纠结下去了 拜托各位
了小小小小鸟很想飞 2014-03-15
- 打赏
- 举报
全部商品分类下拉显示一个块有∨符号的那种 点击里面的超链接后右面也有个块里面也有超链接 后面超6个链接鼠标放上去后背景色加深 
「已注销」 2014-03-14
- 打赏
- 举报
你的 效果图 贴出来看看
然后你要做成什么效果
都没有说明白
