CSS中ie6导航条字体靠左如何处理

html-css012

CSS中ie6导航条字体靠左如何处理,第1张

导航文字在IE6中靠左对齐,代码如何:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>导航条文字靠左</title>

<style type="text/css">

body,ul,li{margin:0 padding:0 font-size:14px list-style:none font-family:Verdana, Geneva, sans-serif}

a{color:#000 text-decoration:none}

a:hover{color:#fff}

.header{width:980px margin:0 auto}

ul.nav{height:35px line-height:35px overflow:hidden border-left:1px #999 solid}

ul.nav li{width:100px text-align:left border-right:1px #999 solid float:left}

ul.nav li a{display:block background-color:#ccc padding-left:10px}

ul.nav li a:hover{background-color:#069}

</style>

</head>

<body>

<div class="header">

     <ul class="nav">

         <li><a href="#">首页</a></li>

            <li><a href="#">关于我们</a></li>

            <li><a href="#">产品中心</a></li>

            <li><a href="#">案例展示</a></li>

            <li><a href="#">服务支持</a></li>

            <li><a href="#">解决方案</a></li>

            <li><a href="#">联系我们</a></li>

        </ul>

    </div>

</body>

</html>

希望能帮到你。

有很多种方法可以实现。

随便写几种。

------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*你自己定义的宽*/

height: xx px /*你自己定义的高*/

overflow:hidden/*超出部分隐藏*/}

.text span{

margin-top:xx px/*离上边距离*/

margin-left:xx px/*离左边距离*/

}

html部分:

<div class="text"><span>字</span></div>

------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*你自己定义的宽*/

height: xx px /*你自己定义的高*/

position:relative/*相对定位*/}

.text span{

position:absolute/*绝对定位*/

top:xx px/*离上边距离*/

left:xx px/*离左边距离*/

}

html部分:

<div class="text"><span>字</span></div>

--------------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*注意,这里是你自己定义的宽减去padding-left的值*/

height: xx px /*注意,这里是你你自己定义的高减去padding-top的值*/

padding-top:xx px/*离上边距离*/

padding-left:xx px/*离左边距离*/

}

html部分:

<div class="text">字</div>

lz自己选吧。