诡异！我的导航CSS本机很好，加入模板后字体变形-领先建站CMS提供服务商我们专注于CMS建站产品的研发

2149 查看	2 回复

主题：诡异！我的导航CSS本机很好，加入模板后字体变形 [收藏主题]

新可当前离线

55 主题	0 广播	0 粉丝

级别:学前班

用户积分:863 分
登录次数:49 次
注册时间:2009/3/31
最后登录:2009/11/9

新可发表于：2009/4/21 20:42:00 | 显示全部帖子查看该作者主题楼主

有课程找生源就上科汛课堂街

http://new.we-edu.com/html/list_529.html

我的栏目导航文字是 14pix的。在本地浏览也很好。但是自定义标签后，加入模版字体就变成12pix了。。估计与系统CSS有冲突。但是我如何都解决不了，有人能看懂吗

导航标签的代码

<html>
<head><title>维伯出国留学港</title>
<meta http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
body {
padding:0;
margin:0;
text-align:center;
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input {
margin:0;
padding:0;
line-height: 16px;
}
li{list-style:none;}
a img{border:none;}
a:link{text-decoration:none;color:#000;}
a:visited{text-decoration:none;color:#333333;}
a:active,a:hover{text-decoration:none;color:#ff0000;}

/* 网站主导航 */
#warp{width:850px; margin:0 auto; overflow:auto; }
.nav{background:#FF0000; height:65px; clear:both; margin-top:10px;overflow:hidden;}
.scrollUl{height:30px; background:#fff; border:1px solid #ccc; border-bottom:none; overflow:hidden;}
.scrollUl li{float:left;}
.bor03{margin:6px 0 0 0; background:#F3F3F3; height:29px; border-top:1px solid #fff; border-bottom:2px solid #999999;}
.sd01{cursor:pointer; padding:10px 10px 5px 12px; font-size:14px;font-weight:bold; background:red; color:#fff; }
.sd01 a,.sd01 a:visited{ font-size:14px;font-weight:bold; color:#fff;}
.sd01 a:hover{ font-size:14px;font-weight:bold; color:#fff;background:red;cursor:pointer; text-decoration:none; }
.sd02{cursor:pointer;font-size:14px; font-weight:bold; padding:10px 10px 5px 12px;background:url(../images/img/x.gif) no-repeat center right; }
.hidden{display:none;}
.menu_bot li{ float:left; margin:7px 10px;}
.menu_bot li a{ color:#666666;}
.menu_bot li a:hover{color:red;}
#c03{ padding-left:100px;}
#c01{ padding-left:60px;}
#c05{ padding-left:200px;}
#c04{ padding-left:180px;}
#c06{ padding-left:360px;}
#c07{ padding-left:460px;}
#c08{ padding-left:560px;}
</STYLE>
<script language="javascript" type="text/javascript">
function scrollDoor(){
}
scrollDoor.prototype = {
sd : function(menus,divs,openClass,closeClass){
  var _this = this;
  if(menus.length != divs.length)
  {
   alert("菜单层数量和内容层数量不一样!");
   return false;
  }
  for(var i = 0 ; i < menus.length ; i++)
  {
   _this.$(menus[i]).value = i;
   _this.$(menus[i]).onmouseover = function(){

    for(var j = 0 ; j < menus.length ; j++)
    {
     _this.$(menus[j]).className = closeClass;
     _this.$(divs[j]).style.display = "none";
    }
    _this.$(menus[this.value]).className = openClass;
    _this.$(divs[this.value]).style.display = "block";
   }
  }
  },
$ : function(oid){
  if(typeof(oid) == "string")
  return document.getElementById(oid);
  return oid;
}
}
window.onload = function(){
var SDmodel = new scrollDoor();
SDmodel.sd(["m01","m02","m03","m04","m05","m06","m07","m08"],["c01","c02","c03","c04","c05","c06","c07","c08"],"sd01","sd02");
// SDmodel.sd(["mm01","mm02","mm03","mm04","mm05"],["cc01","cc02","cc03","cc04","cc05"],"sd03","sd02");
// SDmodel.sd(["mmm01","mmm02","mmm03","mmm04","mmm05"],["ccc01","ccc02","ccc03","ccc04","ccc05"],"sd04","sd02");
}
</script>
</head>
<body>
<div id="warp">
<div class="nav">
   <ul class="scrollUl">
    <li class="sd02" id="m02"><a href="#" target="_blank">首页</a></li>
    <li class="sd02" id="m01"><a href="#" target="_blank">出国留学港</a></li>
    <li class="sd02" id="m03"><a href="#" target="_blank">教育与培训</a></li>
    <li class="sd02" id="m04"><a href="#" target="_blank">留学预科</a></li>
    <li class="sd02" id="m05"><a href="#" target="_blank">国际教育合作</a></li>
    <li class="sd02" id="m06"><a href="#" target="_blank">基础教育项目</a></li>
    <li class="sd02" id="m07"><a href="#" target="_blank">教育投资管理</a></li>
    <li class="sd02" id="m08"><a href="#" target="_blank">国际人才服务</a></li>
   </ul>
   <div class="bor03">
    <div id="c01">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">出国留学港</a></li>
       <li><a href="#" target="_blank">教育与培训</a></li>
       <li><a href="#" target="_blank">留学预科</a></li>
       <li><a href="#" target="_blank">国际教育合作</a></li>
       <li><a href="#" target="_blank">基础教育项目</a></li>
       <li><a href="#" target="_blank">教育投资管理</a></li>
       <li><a href="#" target="_blank">国际人才服务</a></li>
      </ul>
    </div>
    <div id="c02" class="hidden">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">教育</a></li>
       <li><a href="#" target="_blank">出国留学港</a></li>
       <li><a href="#" target="_blank">教育与培训</a></li>
       <li><a href="#" target="_blank">留学预科</a></li>
       <li><a href="#" target="_blank">国际教育合作</a></li>
      </ul>
    </div>
    <div id="c03" class="hidden">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">出国</a></li>
       <li><a href="#" target="_blank">教育</a></li>
       <li><a href="#" target="_blank">留学科</a></li>
       <li><a href="#" target="_blank">国际合作</a></li>
      </ul>
    </div>
    <div id="c04" class="hidden">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">出国</a></li>
       <li><a href="#" target="_blank">教育</a></li>
       <li><a href="#" target="_blank">留学科</a></li>
       <li><a href="#" target="_blank">国际合作</a></li>
       <li><a href="#" target="_blank">出国</a></li>
      </ul>
    </div>
    <div id="c05" class="hidden">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">国际合作</a></li>
       <li><a href="#" target="_blank">国际合作</a></li>
       <li><a href="#" target="_blank">国际合作</a></li>
       <li><a href="#" target="_blank">国际合作</a></li>
      </ul>
    </div>
    <div id="c06" class="hidden">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">国际人才</a></li>
       <li><a href="#" target="_blank">国际人才</a></li>
       <li><a href="#" target="_blank">国际人才</a></li>
      </ul>
    </div>
    <div id="c07" class="hidden">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">国际管理</a></li>
       <li><a href="#" target="_blank">国际管理</a></li>
       <li><a href="#" target="_blank">国际管理</a></li>
      </ul>
    </div>
    <div id="c08" class="hidden">
      <ul class="menu_bot">
       <li><a href="#" target="_blank">出国留学港</a></li>
       <li><a href="#" target="_blank">出国留学港</a></li>
       <li><a href="#" target="_blank">出国留学港</a></li>
      </ul>
    </div>
   </div>
  </div>
</div>