Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

请教一个div+css的问题

[复制链接]
mashizheng 发表于 2006-12-19 11:36:21 | 显示全部楼层 |阅读模式
我参考奇虎的首页header处做模板的时候发现一个问题,问题如下图:我已经COPY了其CSS代码和样式,出现如下图文字和小图标“|”不一样高度,请问如何解决,谢谢!~
代码如下:
<!-- 导航 -->
<div id="navMenu">
        <div class="title">
                  <img src="http://img.qihoo.com/images/v6/logo_Q061109.gif" alt="奇虎" />
        </div>
        <div class="ad">
          <a href="http://www.360safe.com/" target="_blank"><img src="http://img.qihoo.com/images/v6/logo_360safe.gif" alt="360安全卫士" /></a>
        </div>
        <div class="content">
        <ul>
<a href="http://www.qihoo.com/">首页</a>
<a href="http://sh.qihoo.com/">新闻</a>
<li><a href="http://mil.qihoo.com/">军事</a></li>
<li><a href="http://tech.qihoo.com/">科技</a></li>
<li><a href="http://mobile.qihoo.com/">手机</a></li>
<li><a href="http://game.qihoo.com/">游戏</a></li>
<li><a href="http://campus.qihoo.com/">校园</a></li>
<li><a href="http://lady.qihoo.com/">女人</a></li>
<li><a href="http://health.qihoo.com/">健康</a></li>
<li><a href="http://shopping.qihoo.com/">逛街</a></li>
<li><a href="http://ent.qihoo.com/">娱乐</a></li>
<li><a href="http://video.qihoo.com/">视频</a></li>
<li class="k"><a href="http://story.qihoo.com/"><b>故事会</b></a></li>
<li class="k1"><a href="http://astro.qihoo.com/">星座</a></li>
<li><a href="http://bbs.qihoo.com/"><b>论坛</b></a></li>
<li><a href="http://blog.qihoo.com/">博客</a></li>
<li><a href="http://sports.qihoo.com/">体育</a></li>
<li><a href="http://auto.qihoo.com/">汽车</a></li>
<li><a href="http://digi.qihoo.com/">数码</a></li>
<li><a href="http://digi.qihoo.com/jd/index.html">家电</a></li>
<li><a href="http://book.qihoo.com/">文化</a></li>
<li><a href="http://love.qihoo.com/">情感</a></li>
<li><a href="http://life.qihoo.com/">社会</a></li>
<li><a href="http://travel.qihoo.com/index.html">旅游</a></li>
<li><a href="http://pic.qihoo.com/">图酷</a></li>
<li><a href="http://joke.qihoo.com/">搞笑</a></li>
<li class="k"><a href="http://msn.qihoo.com/">MSN社区</a></li>
<li class="k1"><a href="http://www.qihoo.com/forum/top/"><b>排行</b></a></li>
        </ul>
        </div>
</div>
<!--文章导航结束-->

/* ========== 导航 ====== */
#navMenu{ width:948px; height:58px; border:1px solid #C8D6DD; margin:0 auto; background:#fff; }
#navMenu div{ float:left; }
.title{ width:179px;}
.ad{ width:120px; padding-top:20px; margin:0 10px;0 30px;}
.ad img{ float:right;}
.content{ width:615px; padding:9px 0 0;}
.content li{ float:left; list-style-type:none; width:42px; padding:4px 0; display:block; background:url(http://img.qihoo.com/images/v6/nav_bg061109.gif) right 3px no-repeat;}
.content li a{ color:#000;}
.content li a:visited{ color:#000;}
.content li a:hover{ color:#f60;}
.content li b{ color:red;font-weight:normal;}
.content .k{ width:66px;}
.content .k1{ background:none;}
.content .k1{ background:none;}

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-2-28 06:52 , Processed in 0.025764 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表