ul li+css做竖状导航,字体在WIN7下为什么对不齐?该如何解决
日期：2014-05-20 浏览次数：20739 次
ul li+css做竖状导航,字体在WIN7下为什么对不齐?
<!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=gb2312" />
<title></title>
<style type="text/css">
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:6px 0px 4px;align:left;height:100%}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#95C2E9; border-left:1px solid #2D81C7; border-right:1px solid #2D81C7;}
.xb1 {margin:0 5px; background:#2D81C7;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#95C2E9; border:0 solid #2D81C7; border-width:0 1px;height:99%}
#div_top{
position:absolute;
top:2px;
left:0px;
height:33px;
width:100%;
float:center;
z-index:9
}
</style>
<style type="text/css">
body{text-align: center;font-size:12px;font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;background-color: #3B79AA}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#256bae;}
.warp{width:586px; height:269px !important; height:271px;border:1px solid #dbdcd7;}
.main{width:562px; height:269px !important;height:271px;padding:5px; margin-left:15px;overflow:hidden;float:left;}
.news{position:absolute;z-index:4;width:24px;}
.news ul{list-style:none;padding:0;margin:0;}
.news ul li{
background:url("resources/images/acfnew/user/menu-tree-blue.gif") no-repeat left top;
writing-mode : tb-rl;
FONT-SIZE: 9pt;
FILTER: black(color=glow);
COLOR: #000000;
LINE-HEIGHT: 160%;
height:64px !important;
height:64px;width:24px;
margin-bottom:0px;
padding-top:1px;
text-align:top;
cursor:pointer;
vertical-align:middle;
}
.news ul li.on{
background:url("resources/images/acfnew/user/menu-tree-yell.gif") no-repeat left top;
padding-top:1px;
FONT-SIZE: 9pt;
FONT-WEIGHT: bold;
FILTER: black(color=glow);
COLOR: #000000;
LINE-HEIGHT: 160%; }
.news span{display:block; margin-top:2px !important; margin-top:2px;}
</style>
<script type="text/javascript">
function HoverLi(src,obj){
var objs=document.getElementsByTagName('li');
for(i=0;i<objs.length;i++){
objs[i].className='';
}
obj.className='on';
mammothmenuif.location=src;
}
function adjustheight(seq,addnum){}</script>
</head>
<body topmargin=0 leftmargin=0 scroll='no'>
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent" align="left">
<table width="99.5%" height="100%" border="0" cellpadding="0" cellspacing="0" >
<tr><td height=25 valign="top" colspan=3></td></tr>
<!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=gb2312" />
<title></title>
<style type="text/css">
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:6px 0px 4px;align:left;height:100%}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#95C2E9; border-left:1px solid #2D81C7; border-right:1px solid #2D81C7;}
.xb1 {margin:0 5px; background:#2D81C7;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#95C2E9; border:0 solid #2D81C7; border-width:0 1px;height:99%}
#div_top{
position:absolute;
top:2px;
left:0px;
height:33px;
width:100%;
float:center;
z-index:9
}
</style>
<style type="text/css">
body{text-align: center;font-size:12px;font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;background-color: #3B79AA}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#256bae;}
.warp{width:586px; height:269px !important; height:271px;border:1px solid #dbdcd7;}
.main{width:562px; height:269px !important;height:271px;padding:5px; margin-left:15px;overflow:hidden;float:left;}
.news{position:absolute;z-index:4;width:24px;}
.news ul{list-style:none;padding:0;margin:0;}
.news ul li{
background:url("resources/images/acfnew/user/menu-tree-blue.gif") no-repeat left top;
writing-mode : tb-rl;
FONT-SIZE: 9pt;
FILTER: black(color=glow);
COLOR: #000000;
LINE-HEIGHT: 160%;
height:64px !important;
height:64px;width:24px;
margin-bottom:0px;
padding-top:1px;
text-align:top;
cursor:pointer;
vertical-align:middle;
}
.news ul li.on{
background:url("resources/images/acfnew/user/menu-tree-yell.gif") no-repeat left top;
padding-top:1px;
FONT-SIZE: 9pt;
FONT-WEIGHT: bold;
FILTER: black(color=glow);
COLOR: #000000;
LINE-HEIGHT: 160%; }
.news span{display:block; margin-top:2px !important; margin-top:2px;}
</style>
<script type="text/javascript">
function HoverLi(src,obj){
var objs=document.getElementsByTagName('li');
for(i=0;i<objs.length;i++){
objs[i].className='';
}
obj.className='on';
mammothmenuif.location=src;
}
function adjustheight(seq,addnum){}</script>
</head>
<body topmargin=0 leftmargin=0 scroll='no'>
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent" align="left">
<table width="99.5%" height="100%" border="0" cellpadding="0" cellspacing="0" >
<tr><td height=25 valign="top" colspan=3></td></tr>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
