落伍者站长论坛 » 新人交流投稿(入伍区) » 站长知道(解答积分) » 在这中间加一个导航条的代码怎么写?

中国聊天高手 发表于 2008-4-26 18:29

在这中间加一个导航条的代码怎么写?

我要在下面图中两个导航条中间加一个导航,代码怎么写?[img]http://www.discuz.net/attachment.php?aid=249266&nothumb=yes[/img]
我自己加<ul><div><a href=...........></ul></div>只显示一半文字.
__________________________________________________________________________________________________________
[quote]css代码:
.index_top {
        BACKGROUND: url(images/top_bg.gif); MARGIN-BOTTOM: 5px; OVERFLOW: hidden; HEIGHT: 100px
}
.index_top_main {
        MARGIN: 0px auto; WIDTH: 950px; POSITION: relative; HEIGHT: 66px; TEXT-ALIGN: left
}
.index_top_logo {
        BACKGROUND: url(images/logo.gif); WIDTH: 200px; HEIGHT: 66px
}
.welcome {
        MARGIN-TOP: 5px; FLOAT: left; MARGIN-LEFT: 30px; COLOR: #014ccc
}
.index_top_right {
        Z-INDEX: 1; RIGHT: 0px; BACKGROUND: url(images/naviBg.gif) no-repeat left top; OVERFLOW: hidden; WIDTH: 700px; POSITION: absolute; TOP: 0px; HEIGHT: 66px; TEXT-ALIGN: right
}
.index_top_dh {
        MARGIN-TOP: 6px; OVERFLOW: hidden; HEIGHT: 26px
}
.index_top_dh_Btn {
        PADDING-RIGHT: 11px; PADDING-LEFT: 13px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.index_top_dh_help {
        CURSOR: help
}
.index_top_Menu {
        Z-INDEX: 3; RIGHT: 0px; BACKGROUND: url(images/menuBg.gif) repeat-x 50% bottom; WIDTH: 480px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 29px
}
.index_top_menuList {
        BACKGROUND: url(images/menuSide.gif) no-repeat right bottom; OVERFLOW: hidden; WIDTH: 480px; LIST-STYLE-TYPE: none; HEIGHT: 29px
}
.index_top_menuList LI {
        BACKGROUND: url(images/menuSplit.gif) no-repeat left bottom; FLOAT: left; HEIGHT: 29px
}
.index_top_menuList LI SPAN {
        PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px
}
.index_top_menuList LI A:hover {
        DISPLAY: block; BACKGROUND: url(images/menuBgOver.gif) repeat-x 50% bottom; FLOAT: left; COLOR: #ff5500; HEIGHT: 29px; TEXT-DECORATION: none
}
.index_top_menuList .menuHome {
        PADDING-LEFT: 10px; BACKGROUND: url(images/menuLeft.gif) no-repeat left bottom; HEIGHT: 29px
}
.head_menu {
        BACKGROUND: url(images/Head_Menu_Bg.gif) repeat-x; LEFT: 0px; OVERFLOW: hidden; WIDTH: 950px; POSITION: absolute; TOP: 65px; HEIGHT: 35px
}
.head_menu_left {
        BACKGROUND: url(images/menu_left.gif) no-repeat; FLOAT: left; WIDTH: 60px; HEIGHT: 35px
}
.head_menu_right {
        BACKGROUND: url(images/menu_right.gif) no-repeat; FLOAT: right; WIDTH: 60px; HEIGHT: 35px
}
.head_bbsNav {
        MARGIN-TOP: 8px; FLOAT: left; MARGIN-LEFT: 15px; WIDTH: 815px
}
.head_bbsNav UL {
       
}
.head_bbsNav LI {
        COLOR: #ffffff
}
.head_bbsNav LI A {
        PADDING-RIGHT: 5px; PADDING-LEFT: 16px; FONT-WEIGHT: bold; BACKGROUND: url(images/menu_line.gif) no-repeat 5px 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 4px
}
.head_bbsNav LI A:link {
        COLOR: #ffffff; TEXT-DECORATION: none
}
.head_bbsNav LI A:visited {
        COLOR: #ffffff; TEXT-DECORATION: none
}
.head_bbsNav LI A:hover {
        COLOR: #ffffff; TEXT-DECORATION: underline
}
.head_bbsNav LI A:active {
        COLOR: #ffffff
}
[/quote]
________________________________________________________________________________________________________
html代码
[quote]<DIV class=index_top>
<DIV class=index_top_main>
<DIV class=index_top_logo></DIV>
<div class="index_top_right">
<div class="index_top_dh"> <div class="welcome">QQ群：48675166</div><span id="index_top_dh_Btn"><a href="forum-2-1.html" onFocus="this.blur()" target="_blank"><img src="images/index.gif" alt="新闻频道" width="69" height="22" border="0" align="absmiddle" /></a> <a href="forum-69-1.html" onFocus="this.blur()" target="_blank"><img src="images/news.gif" alt="交易信息" width="69" height="22" border="0" align="absmiddle" /></a> <a href="forum-71-1.html" onFocus="this.blur()" target="_blank"><img src="images/house.gif" alt="求职招聘" width="82" height="22" border="0" align="absmiddle" /></a> <a href="forum-70-1.html" onFocus="this.blur()" target="_blank"><img src="images/photo.gif" alt="房屋租售" width="69" height="22" border="0" align="absmiddle" /></a></span><img src="images/Help.gif" alt="帮助中心" width="13" height="13" hspace="5" align="absmiddle" /><a href="{$boardurl}faq.php" onFocus="this.blur()" class="index_top_dh_help" target="_blank">帮助中心</a></div>
<DIV class=index_top_Menu>
<UL class=index_top_menuList>
   <li class=menuHome><a href="index.php" target="_self"><span>首页</span></a></li>[/quote]

langzi21 发表于 2008-4-27 14:20

导行条的代码加在哪都行

langzi21 发表于 2008-4-27 14:23

使用span

173377737 发表于 2008-4-27 14:50

抱抱

中国聊天高手 发表于 2008-4-29 21:09

具体怎么写呢？例子？

查看完整版本: 在这中间加一个导航条的代码怎么写?