15 12
发新话题
打印

[求解] div+css老鸟进来一下!帮帮忙呀...

div+css老鸟进来一下!帮帮忙呀...

我学会div+css没几天,做了个模板,都挺顺利的,自我感觉挺良好的,可就是导航条出了问题.

我现在导航条的css代码如下:
/* navigation */
.navigation {       
        background: #D9E1E5 url(ipati/nav.gif);
        border: 1px solid #DFEEF7;
        border-color: #DFEEF7 #CFDEE7;
        height: 41px;
}
.navigation a {
        background: #D9E1E5 url(ipati/nav.gif);
        border-right: 1px solid #AFBEC7;
        color: #456;
        display: block;
        float: left;
        font: bold 1.1em sans-serif;
        line-height: 41px;
        padding: 0 20px;
        text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}


页面导航的代码如下:
<div class="navigation">
<#CACHE_INCLUDE_NAVBAR#>
</div>

但是ZBLOG默认的连接方式是<li><a herf=""></a></li>的.但是如果这样的话我的导航就出现错位

所以说我不得不在后台把导航条都改成<a herf=""></a>才能正常显示.可是如果这样那大家以后用这个模板也不方便了啊

大家帮帮忙改进下我这代码,让它能正常发布共享啊
附件: 您所在的用户组无法下载或查看附件
怕踢素个很老的菜鸟

TOP

哎.人工置顶下- -.
怕踢素个很老的菜鸟

TOP

还没人吗?
怕踢素个很老的菜鸟

TOP

怎么不对<li>做下CSS修饰呢
按默认的那个.css文件取做
√  因简洁而有力。 [ 在路上 ]

TOP

在FIREFOX下就正常了- -,一到IE,不管是哪个版本都不行- -。

就是.navigation .li{      
        background: #D9E1E5 url(ipati/nav.gif);
        border: 1px solid #DFEEF7;
        border-color: #DFEEF7 #CFDEE7;
        height: 41px;
像这样吗?
怕踢素个很老的菜鸟

TOP

这种导航效果还不错

TOP

<div class="navigation">
<ul>
<#CACHE_INCLUDE_NAVBAR#>
</ul>
</div>
然后定义
navigation ul{
    list-style-type: none;
...其它...
}
navigation li{
   display: inline;
...其它...
}

TOP

楼主学习欲望很强烈~注意保持!
推荐博客:飞月博客

TOP

,那是必须的,要不怎么在这里混下去呢?看着新人天天飞速增长- -,有压力感了
怕踢素个很老的菜鸟

TOP

一定要加ul

>>但是ZBLOG默认的连接方式是<li><a herf=""></a></li>的.但是如果这样的话我的导航就出现错位
没有ul标志,或别的能包容li的标志,这对xhtml来说就是错误,你可以用Dreamweaver接测一下。
对这种错误,IE和FF处理方式是不一样的,因为标准没有对错误进行规定,IE会把li标志提出来往上层元素挂靠。FF则默认加个ul.
参看我的文章:
http://www.shinyr.com/post/27.html

TOP

加了UI后也不可以啊= =
怕踢素个很老的菜鸟

TOP

.navigation li{
height:50px;
}

指定一个高度

TOP

 15 12
发新话题