当前位置: 代码迷 >> J2EE >> ul li+css做竖状导航,字体在WIN7下为什么对不齐?该如何解决
  详细解决方案

ul li+css做竖状导航,字体在WIN7下为什么对不齐?该如何解决

热度:410   发布时间:2016-04-22 02:52:48.0
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>
  相关解决方案