织梦模板改的站,修改头部head.htm文件,导航部超链接部分位置问题求教!请大神不吝赐教,不胜感激! 15
织梦模板修改一个站,导航部分修改了原来的图片修改图片见上传图,原来超链接变换部分漂浮位置,修改后始终不能正常,CSS代码发上,请大神指教,不胜感激!导航修改图:尺寸:15...
织梦模板修改一个站,导航部分修改了原来的图片修改图片见上传图,原来超链接变换部分漂浮位置,修改后始终不能正常,CSS代码发上,请大神指教,不胜感激!
导航修改图:
尺寸:1550*44
原模板导航CSS代码如图:
按照现在的以上位置,网页效果如下图:(错位严重)
以下贴出CSS部代码,请大神修改拨正,非常感谢!
-------------------------代码开始————————————
.header{ width:100%; height:172px; background:url(header.jpg) no-repeat;}.header-con{ width:1550px; height:180px; margin:0 auto;}.logo{ width:296px; height:100px; float:left}.nav{ width:1550px; height:41px; padding-top:30px; float:right;}.nav li{ width:187px; height:41px; float:left;}.nav li a{ display:block; width:100%; height:41px; background:url(header_02.jpg) no-repeat;}.nav li.nav02 a{ background-position:-270px 0;}.nav li.nav03 a{ background-position:-383px 0;}.nav li.nav04 a{ background-position:-496px 0;}.nav li.nav05 a{ background-position:-609px 0;}.nav li.nav06 a{ background-position:-721px 0;}.nav li.nav07 a{ background-position:-834px 0;}.nav li.nav08 a{ background-position:-945px 0;}.nav li a:hover{ display:block; width:100%; height:41px; background:url(header_02.jpg) no-repeat;}.nav li.nav02 a:hover{ background-position:-270px 0;}.nav li.nav03 a:hover{ background-position:-383px 0;}.nav li.nav04 a:hover{ background-position:-496px 0;}.nav li.nav05 a:hover{ background-position:-609px 0;}.nav li.nav06 a:hover{ background-position:-721px 0;}.nav li.nav07 a:hover{ background-position:-834px 0;}.nav li.nav08 a:hover{ background-position:-945px 0;}
-------------------------代码完———————————— 展开
导航修改图:
尺寸:1550*44
原模板导航CSS代码如图:
按照现在的以上位置,网页效果如下图:(错位严重)
以下贴出CSS部代码,请大神修改拨正,非常感谢!
-------------------------代码开始————————————
.header{ width:100%; height:172px; background:url(header.jpg) no-repeat;}.header-con{ width:1550px; height:180px; margin:0 auto;}.logo{ width:296px; height:100px; float:left}.nav{ width:1550px; height:41px; padding-top:30px; float:right;}.nav li{ width:187px; height:41px; float:left;}.nav li a{ display:block; width:100%; height:41px; background:url(header_02.jpg) no-repeat;}.nav li.nav02 a{ background-position:-270px 0;}.nav li.nav03 a{ background-position:-383px 0;}.nav li.nav04 a{ background-position:-496px 0;}.nav li.nav05 a{ background-position:-609px 0;}.nav li.nav06 a{ background-position:-721px 0;}.nav li.nav07 a{ background-position:-834px 0;}.nav li.nav08 a{ background-position:-945px 0;}.nav li a:hover{ display:block; width:100%; height:41px; background:url(header_02.jpg) no-repeat;}.nav li.nav02 a:hover{ background-position:-270px 0;}.nav li.nav03 a:hover{ background-position:-383px 0;}.nav li.nav04 a:hover{ background-position:-496px 0;}.nav li.nav05 a:hover{ background-position:-609px 0;}.nav li.nav06 a:hover{ background-position:-721px 0;}.nav li.nav07 a:hover{ background-position:-834px 0;}.nav li.nav08 a:hover{ background-position:-945px 0;}
-------------------------代码完———————————— 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询