打印

[求助] 一个简单菜单css效果，在IE里有问题，请教修改？

gxiaoyang [楼主]

初级会员

帖子: 86
体力: 190
威望: 0
离线: 1 天

1^# 大中小发表于 2008-8-21 17:03

一个菜单css效果，在IE里有问题，用FF来运行这代码就是正常的。请教如何修改?谢谢呀！

<title>无标题文档</title>
<style type="text/css">

</style>
</head>
<body>
<div class="menu-box2">
<ul>
  <li><a href="#">菜单1</a></li>
  <li><a href="#">菜单2</a></li>
  <li><a href="#">菜单3</a></li>
</ul>
</div>
</body>

提示：您可以先修改部分代码再运行

[ 本帖最后由 gxiaoyang 于 2008-8-21 17:16 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

0yun123

纯真

银牌会员

帖子: 1477
体力: 1847
威望: 4
当前: 福建厦门
离线: 1 天

专长 网页设计,UI,策划

2^# 大中小发表于 2008-8-21 17:19

width: 180px; 这里的问题，你设置了宽度。

我的BLOG

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

gxiaoyang [楼主]

初级会员

帖子: 86
体力: 190
威望: 0
离线: 1 天

3^# 大中小发表于 2008-8-22 08:56

请问要设置多少呀？

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

gxiaoyang [楼主]

初级会员

帖子: 86
体力: 190
威望: 0
离线: 1 天

4^# 大中小发表于 2008-8-22 08:59

无人会？

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

gxiaoyang [楼主]

初级会员

帖子: 86
体力: 190
威望: 0
离线: 1 天

5^# 大中小发表于 2008-8-22 09:01

我会改了，啊哈哈

TOP

lanseyidu

初级会员

帖子: 36
体力: 77
威望: 0
当前: 北京海淀区

6^# 大中小发表于 2008-8-22 09:08

复制内容到剪贴板

代码:

[html]<title>无标题文档</title>

<style type="text/css">

<!--

/* CSS Document 2008.8 */

.menu-box2 { display: block; }

.menu-box2 ul {

            margin: 0;

            padding: 6px 0px;

            list-style-type: none; 

            float:left;

        }

        

.menu-box2 ul li{ text-align:left; }        

.menu-box2 ul li a:link,

.menu-box2 ul li a:visited,

.menu-box2 ul li span {

            font-size:14px;

            font-family: "宋体", Arial, Helvetica, sans-serif;

            text-decoration: none;

            text-align:left;

            font-weight: bold;

            color:#1A1A1A;

            display: block;

            padding: 11px 0px;

            margin: 0;

            width: 180px; 

             padding-left: 25px; 

            background-image : url("http://www.rtaudio.cn/Html/images/menu3.gif");

            background-position : -30px 0%; 

            background-repeat : no-repeat;

        }

.menu-box2 ul li a:hover {

            background-image : url("http://www.rtaudio.cn/Html/images/menu3.gif");

            background-position : -25px 0%; 

            background-repeat : no-repeat;

            color: #666; 

        }

-->

</style>

</head>

<body>

<div class="menu-box2">

<ul>

  <li><a href="#">菜单1</a></li>

  <li><a href="#">菜单2</a></li>

  <li><a href="#">菜单3</a></li>

</ul>

</div>

</body>[/html]

TOP

ONEBOYS

步舞之鹤

银牌会员

帖子: 522
体力: 1034
威望: 0
当前: 浙江杭州

专长 前端制作

7^# 大中小发表于 2008-8-22 09:59

205-14=191>180

TOP

shaofeiguo

新手上路

帖子: 8
体力: 21
威望: 0
当前: 浙江宁波
离线: 48 天

8^# 大中小发表于 2008-8-22 11:24

<title>无标题文档</title>
<style type="text/css">

</style>
</head>
<body>
<div class="menu-box2">
<ul>
  <li><a href="#">菜单1</a></li>
  <li><a href="#">菜单2</a></li>
  <li><a href="#">菜单3</a></li>
</ul>
</div>
</body>

提示：您可以先修改部分代码再运行

[ 本帖最后由 shaofeiguo 于 2008-8-22 11:27 编辑 ]

TOP