在修改一个导航栏的时候出现了一点小问题,不知道如何解决,有图(已解决)
这个上面的图形底少了右边半边,完整的应该是这样的
我是修改的POPAD站上的导航条风格
修改了一半,别的都好了,就这个少了半边,郁闷的很,有高人知道该怎么修改吗
#container #header #menu #Left{}
#container #header #menu #Right{}
#container #header #menu ul
{
list-style:none;
margin:0px 6px 0px 0px;
height:25px;
float:left;
padding-left:6px;
}
#container #header #menu ul li
{
float:left;
height:25px;
margin:2px 5px 0px 0px;
}
/* 导航A和导航B*/
#container #header #menu ul li .menuA span
{
padding:0px 10px 0px 5px;
display:block;
}
#container #header #menu ul li .menuA:hover span
{
background:url('nav_r.gif') right 3px no-repeat;
display:block
}
#container #header #menu ul li .menuB span
{
background:url('nav_r.gif') right 3px no-repeat;
padding:0px 10px 0px 5px;
display:block
}
#container #header #menu ul li .menuB:hover span
{
background:url('nav_r.gif') right 3px no-repeat;
display:block;
}
.menuL
{}
.menuR
{}
.menuDiv
{}
这个是LAYOUR.CSS里的关于导航条那段的代码
图片分为
和
两个
下面是LINK.CSS里面的代码,我个人觉得和LINK.CSS没关系,但还是贴出来先
.menuA:link,.menuA:visited{
text-decoration:none;
display:block;
float:left;
height:25px;
text-align:center;
padding:0px 0px 0px 4px;
line-height:24px;
color:#000;
font-weight:bold;
font-size:11px;
}
.menuA:hover{display:block;color:#fff;background:url(nav_l.gif) 0px 3px no-repeat;}
.menuB:link,.menuB:visited,.menuB:hover{
text-decoration:none;
display:block;
background:url(nav_l.gif) 0px 3px no-repeat;
float:left;
height:25px;
text-align:center;
padding:0px 0px 0px 4px;
line-height:24px;
color:#fff;font-weight:bold;
font-size:11px;
}
[ 本帖最后由 玛雅人 于 2008-7-3 18:36 编辑 ]
附件: 您所在的用户组无法下载或查看附件