账号通
    

账号  

密码  

1303

查看

1

回复
主题:[求助]滑动门问题,大家帮帮我 [收藏主题]  
ghwa201 当前离线

30

主题

0

广播

0

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

用户积分:346 分
登录次数:15 次
注册时间:2008/7/7
最后登录:2008/7/19
ghwa201 发表于:2008/7/8 20:57:00   | 只看该作者 查看该作者主题 楼主 
科汛在线网校系统


此主题相关图片如下:11.jpg
11.jpg


各位帮我看看 怎么帮这个表加长啊


 


 


代码:


<style type="text/css">
      body{
        color: #000;
        font-family: "宋体", arial;
        font-size: 12px;
        background: #fff;
        text-align: center;
        margin: 0;
      }
      .nTab{
        float: left;
        width: 280px;
        margin: 0 auto;
        border-bottom:1px #AACCEE solid;
        background:#d5d5d5;
        background-position:left;
        background-repeat:repeat-y;
        margin-bottom:2px;
      }
      .nTab .TabTitle{
        clear: both;
        height: 22px;
        overflow: hidden;
      }
      .nTab .TabTitle ul{
        border:0;
        margin:0;
        padding:0;
      }
      .nTab .TabTitle li{
        float: left;
        width: 70px;
        cursor: pointer;
        padding-top: 4px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 2px;
        list-style-type: none;
      }
      .nTab .TabTitle .active{
        background:#fff;
        border-left:1px #AACCEE solid;
        border-top:1px #AACCEE solid;
        border-right:1px #AACCEE solid;
        border-bottom:1px #fff solid;
      }
      .nTab .TabTitle .normal{
        background:#EBF3FB;
        border:1px #AACCEE solid;
      }
      .nTab .TabContent{
        width:auto;background:#fff;
        margin: 0px auto;
        padding:10px 0 0 0;
        border-right:1px #AACCEE solid;border-left:1px #AACCEE solid;
      }
      .none {display:none;}
    </style>
    <script type="text/javascript">
      function nTabs(thisObj,Num){
        if(thisObj.className == "active")return;
        var tabObj = thisObj.parentNode.id;
        var tabList = document.getElementById(tabObj).getElementsByTagName("li");
        for(i=0; i <tabList.length; i++){
          if (i == Num){
            thisObj.className = "active"; 
            document.getElementById(tabObj+"_Content"+i).style.display = "block";
          }else{
            tabList[i].className = "normal"; 
            document.getElementById(tabObj+"_Content"+i).style.display = "none";
          }
        } 
      }
    </script>
  </head>
  <body>
    <div align="center" style="padding-left:25px;">
    <!-- 选项卡0开始 -->
      <div class="nTab">
      <!-- 标题开始 -->
        <div class="TabTitle">
          <ul id="myTab0">
            <li class="active" onMouseOver="nTabs(this,0);">摩客首页</li>
            <li class="normal" onMouseOver="nTabs(this,1);">摩客阅读</li>
            <li class="normal" onMouseOver="nTabs(this,2);">摩客鉴赏</li>
            <li class="normal" onMouseOver="nTabs(this,3);">摩客商城</li>


          </ul>
        </div>
        <!-- 内容开始 -->
        <div class="TabContent">
          <div id="myTab0_Content0"> 欢迎光临爱摩客</div>
          <div id="myTab0_Content1" class="none">摩客阅读,网页教程,程序修改阿斯利康的敬老尊贤吃那么卡就受到阿里可是觉得啦四度空间</div>
          <div id="myTab0_Content2" class="none">站在巨人的肩膀之上可以使我们看得更远</div>
          <div id="myTab0_Content3" class="none">您可以购买本站商器来支持摩客</div>
对不起!怪我没说清楚,是加高 不是宽

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
一生有你 当前离线

10439

主题

0

广播

18

粉丝
添加关注
级别:版主

用户积分:72521 分
登录次数:1969 次
注册时间:2006/7/1
最后登录:2021/8/25
一生有你 发表于:2008/7/8 21:10:00   | 只看该作者 查看该作者主题 沙发 
科汛智能建站系统

  .nTab{
        float: left;
        width: 280px;
        margin: 0 auto;
        border-bottom:1px #AACCEE solid;
        background:#d5d5d5;
        background-position:left;
        background-repeat:repeat-y;
        margin-bottom:2px;
      }

总体宽度

 

 

 .nTab .TabTitle li{
        float: left;
        width: 70px;
        cursor: pointer;
        padding-top: 4px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 2px;
        list-style-type: none;
      }

 

单个选项卡宽度

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