Question

怎么用织梦5.7调用table 导航栏 下面是代码和要实现的图





Answer 1

建议使用DIV CSS。参考秀站网K24新闻资讯模板，下面由秀站网分享代码，希望对您有所帮助。

<div class="nav_bg">
  <div class="nav">
    <!--导航-->
    <div class="nav_area">
      <p class="nav_c1"><a href="/">首页</a></p>
    </div>
    <div class="nav_area">
      <p class="nav_c1"><a href="/shipin/" target="_blank">视频</a></p>
      <p class="nav_c2 nav_w1">
      <a href="/wpjs/" target="_blank">王牌解说</a><a href="/pftx/" target="_blank">皮肤特效</a><a href="/zdss/" target="_blank">战队赛事</a><a href="/dnyx/" target="_blank">逗你一笑</a>
      </p>
    </div>
    <div class="nav_area">
      <p class="nav_c1"><a href="/gonglue/" target="_blank">攻略</a></p>
      <p class="nav_c2 nav_w1">
      <a href="/yxcz/" target="_blank">英雄出装</a><a href="/yxmw/" target="_blank">英雄铭文</a><a href="/mxms/" target="_blank">冒险模式</a><a href="/sljq/" target="_blank">胜利技巧</a>
      </p>
    </div>
    <div class="nav_area">
      <p class="nav_c1"><a href="/zixun/" target="_blank">资讯</a></p>
      <p class="nav_c2 nav_w1">
      <a href="/mryt/" target="_blank">每日一题</a><a href="/zmyx/" target="_blank">周免英雄</a><a href="/yxtc/" target="_blank">英雄台词</a><a href="/qwwz/" target="_blank">趣味王者</a>
      </p>
    </div>
    <div class="nav_area">
      <p class="nav_c1"><a href="/qingbao/" target="_blank">情报</a></p>
      <p class="nav_c2 nav_w1">
      <a href="/phb/" target="_blank">排行榜　</a><a href="/bgt/" target="_blank">曝光台</a><a href="/xss/" target="_blank">新赛季　</a><a href="/tyf/" target="_blank">体验服</a>
      </p>
    </div>
    <div class="nav_area">
      <p class="nav_c1"><a href="/retu/" target="_blank">热图</a></p>
      <p class="nav_c2 nav_w1">
      <a href="/mhtp/" target="_blank">漫画图片</a><a href="/gqbz/" target="_blank">高清壁纸</a><a href="/gxtp/" target="_blank">搞笑图片</a><a href="/gftr/" target="_blank">官方同人</a>
      </p>
    </div>
    <!--导航end-->
  </div>
</div>

CSS样式为：

.nav_bg{ width:100%; background:#19A8F1 url(../images/indexv7_01.gif) repeat-x top; height:60px;}
.nav{ margin:0 auto; width:1000px; height:60px; background:url(../images/indexv7_02.gif) no-repeat; color:#FFF;}/* 导航总块长度样式 */
.nav a:link,.nav a:visited{ color:#FFF;}
.nav a:hover,.nav a:active,.nav a:talkv2_r3_l{ color:#FFF;}
.nav_area{ float:left; background:url(../images/indexv7_03.gif) no-repeat right; height:60px; padding:0px 2px 0px 5px;}
.nav_c1{ float:left; font-size:16px; margin:16px 2px 0px 0px; font-weight:bold; display:inline;}
.nav_c2{ float:left; line-height:21px; padding:5px 0px 0px 0px;}
.nav_c3{ float:left; font-size:14px; margin:6px 5px 0px 0px; font-weight:bold; display:inline;}
.nav a{ float:left; margin-right:5px; padding:3px 5px; display:inline;}
.hve2_this{ -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#148db5;}
/* 导航每个区块的宽度 */
.nav_w1{width:130px;}
.nav_w2{width:130px;}
.nav_w3{width:130px;}
.nav_w4{width:130px;}
.nav_w5{width:130px;}

参考模板：http://www.xiuzhanwang.com/dedecms_zx/567.html