账号通
    

账号  

密码  

2144

查看

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>
  
    


</body>
</html>

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
新可 当前离线

55

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:863 分
登录次数:49 次
注册时间:2009/3/31
最后登录:2009/11/9
新可 发表于:2009/4/22 1:47:00   | 只看该作者 查看该作者主题 沙发 
谢谢。真是这个问题!但是为什么在本地浏览器却没问题呢!
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
我本寂寞 当前离线

2132

主题

7

广播

1

粉丝
添加关注
级别:高三年

用户积分:12047 分
登录次数:664 次
注册时间:2006/9/12
最后登录:2023/8/28
我本寂寞 发表于:2009/4/21 22:25:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线网校系统

<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>

 

针对sd02样式控制

.sd02{}

.sd02 a:link,.sd02 a:visited{font-size:14px}

 

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.11328秒 powered by KesionCMS 9.0