百度空间TAB导航栏的4个问题(如果答的好再追加20分)
这是我空间内TAB处的代码,请高手帮忙看一下
#tabline{}
#tab{top:700px;background:url() no-repeat;background-position:center;}
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:10px;border-left:1px solid #FFFFFF;/*选中点击后背景的宽度*/border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span{}
#tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2{background:#DAE9F5}
#tab2 span{}
#tab2 a{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
/*TAB导航栏竖状菜单*/
#tab{top:400px;width:120px!important;height:222px!important;line-height:40px!important}
#tab a{height:15px!important;width:85px!important;}
问题1:乱码现象.我弄过很多次导航栏的位置.但不知道为什么,有很多次都是,按别的没什么.只要一按"设置"这一项就会自动窜位并且乱码(指附标题处).因为大家看不到我设置处我只能说一下,就是按了设置后无论顶部图片还是TAB自身都会窜位.有一次更夸张,按完"设置"TAB导航栏直接消失了!其他功能按后不会有特别的地方.本来TAB在左边,一按"设置"就会跑到中间挡住图片.
问题2:我对代码一无所知.想知道自己这些代码中有哪些错误的设置.上面提到的乱码中还有一项,就是那个TAB之间的分隔线,将TAB设成竖状的了.但TAB的分隔线有的在右侧,有的根本就没有.于是我直接把这个线删除了,但一按"设置"的时候,窜位了不说,还会恢复导航栏初始的状态.就是有分隔线.看起来很乱.
问题3:顺便问一下,TAB选中之前和选中之后文字的背景与文字有点歪.怎样使文字居中?因为"个人档案"这一栏四个字,无法与其它项对齐.如果不把其设宽点,"个人档案"后面两个或一个字可能就被挤到下面去了.但设宽后问题是其它项的文字都会靠左边.不能居中了.
问题4:给大家看一下这个TAB的效果(我空间好友的)
http://hi.baidu.com/chjppz/profile
我想知道这个选中前和选中后的TAB效果是怎么做出来的?这种导航栏应该很常见吧!我太笨.不会.想了解一下!
关键:我只想知道这些题的解决方法,不要弄长篇大论和不相干的材料什么的过来!只要知道此题答案.
感谢大家的回答!~我已经将分数增加了20分,变成了50.为让大家看到我没有失信才这样的.我想追加分数应该也是一样吧!只不过这样更加一目了然.至今为止,我对"中华文明批判者"的回答最为满意.虽然还没试过效果``但因为本人程度有限嘛``所以只能一点点来了.但分我就给他了..谁让他的答案最完整最浅析呢!用最佳答案的评论来跟大家说话字数受限.所以索性在这里哆嗦开了~可以心情的说个痛快!再次感谢大家的帮助!牛牛的约定以后还会碰上各种问题的!还希望大家能来相助我!
" target="_blank" >
" target="_blank" >
" target="_blank" >
) no-repeat 0px 0px;filter:Alpha(opacity=60);font-family:Georgia}#tab a:link,#tab a:visited /*未选中*/{color:#9CCCEB;text-align:center;width:90px; text-decoration:none; font-size:12px; line-height:30px;BACKGROUND: scroll url(
" target="_blank" >
" target="_blank" >
" target="_blank" >
) no-repeat;filter:Alpha(opacity=60);}#tab a:hover ,#tab a.on:hover{background: url(
" target="_blank" >
" target="_blank" >
" target="_blank" >
)no-repeat -2px 0px;} #tab2 span {color:#9CCCEB;font-size:12px;font-weight:bold}#tab2 a TAB{font-size:12px}#tab2 a:link{color:#9CCCEB}#tab2 a:visited{color:#9CCCEB}
tabline{display:none}
#tab{top:430px; left:70px;width:120px!important;} /*位置设定*/
#tab a.on,#tab a.on:link,#tab a.on:visited{color:#9C2038;}/*点击过的颜色*/
#tab span{display:none}
#tab a:link,#tab a:visited{text-decoration:none;line-height:23px;color:#FFFFFF;} /*未点击颜色*/
#tab a:hover{text-decoration:none;color:#F7E6DE;FILTER: glow(color=#338FCC,direction=2)} /*1鼠标滑过颜色.2发光颜色*/
#TAB A{text-align:center;width:100px!important;}
参考资料：云的寂寞资源基地