淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 689|回复: 5
收起左侧

[装修相关] 导航CSS

[复制链接]
  • TA的每日心情

    2016-11-9 11:20
  • 签到天数: 158 天

    连续签到: 1 天

    [LV.7]炉火纯青

    6

    主题

    83

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20171

    发表于 2015-12-14 18:24:23 | 显示全部楼层 |阅读模式
    一级类与二级类之间,有隔开的空白部分,不衔接,如何弄?还有一级类在30px中,上下不居中... ,求大神赐教,感激涕零!!  CSS:   .menu-list .menu-selected, .menu-list .menu-selected .link{background:none;} .skin-box-bd{height:40px;line-height:40px;padding:0px 0px;border:none;} .all-cats .link{width:90px;overflow:hidden;text-align:center;position:relative;height:40px;border:none;padding:0px;padding-right:35px;background:none;} .all-cats .link span.title{display:block;float:none;height:40px;line-height:40px;color:#FFF;font-family:"微软雅黑";font-weight:normal;cursor:pointer;font-size:14px;margin:0 0px;overflow:hidden;padding-left:20px;background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/ico.png) no-repeat left 16px;} .all-cats .link:hover span.title{text-decoration:none;} .all-cats .link .popup-icon{width:7px;height:40px;background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/ico.png) no-repeat -14px -16px;margin:0px;display:block;float:none;position:absolute;right:20px;top:0px;} .all-cats-hover .link .popup-icon{background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/ico.png) no-repeat -21px -20px;} .menu-list .menu .link .popup-icon, .menu-list .menu-hover .link .popup-icon{display:none;} .menu-list{background:none;} .menu-list .menu{height:40px;} .menu-list .menu-hover .link .popup-icon{background:none;width:11px;height:12px;position:absolute;top:9px;left:8px;display:none;margin:0px;} .menu-list .link{position:relative;text-align:center;height:40px;line-height:40px;border:none;cursor:pointer;background:none;padding-left:20px;padding-right:0px;min-width:40px;} .menu-list .menu-hover .link{background-color:transparent;background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/xin.png) no-repeat 6px center;} .menu-list .menu .link .title{color:#FFF;font-size:14px;font-family:"微软雅黑";font-weight:normal;height:12px;line-height:12px;height:40px;line-height:40px;padding:0px;float:none;} .menu-list .menu-hover .link .title{color:#FFF;text-decoration:none;background:none;} .all-cats-popup{background:none;width:188px;border:none;opacity:1;border:none;} .popup-content .cats-tree{margin:0;border:none;} .popup-content .cats-tree .fst-cat{border:none;width:188px;float:left;height:30px;overflow:hidden;background:none;} .popup-content .cats-tree .cat-hd-hover{background:#FFF;} .popup-content .cats-tree .fst-cat-hd{height:30px;margin:0 auto;width:auto;height:auto;border:none;line-height:30px;} .popup-content .cats-tree .fst-cat-hd{position:relative;} .popup-content .cats-tree .fst-cat-hd .fst-cat-name{color:#FFF;display:inline-block;float:left;font-weight:normal;width:166px;overflow:hidden;} .popup-content .cats-tree .cat-hd-hover .fst-cat-name{color:#FF9409;background:none;font-weight:bold;} .popup-content .cats-tree .fst-cat-icon{width:7px;height:6px;margin:0px;background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/ico.png) no-repeat -28px -43px;float:left;margin-left:5px;margin-right:10px;margin-top:13px;} .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/ico.png) no-repeat -35px -50px;} .popup-content .cats-tree .snd-pop-inner{background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/df.png) right center;width:190px;border:none;opacity:1;border:none;height:auto;padding:0px;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd{border:none;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat{padding-left:1px;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd{min-height:30px;height:auto;position:relative;line-height:30px;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover{background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/1.png) repeat center;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-name{width:165px;height:30px;text-align:left;display:block;float:left;color:#FF9409;font-weight:normal;overflow:hidden;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-name{color:#FFF;font-weight:bold;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd .snd-cat-icon{width:7px;height:6px;margin:0px;background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/ico.png) no-repeat -35px -50px;float:left;margin-left:5px;margin-right:10px;margin-top:13px;} .popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-icon{background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/ico.png) no-repeat -28px -43px;} .menu-popup-cats{border:none;width:188px;} .popup-content{background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/1.png) repeat center;width:188px;border:none;opacity:1;padding:0px;} .menu-popup-cats .sub-cat{border:none;width:auto;float:none;background:none;} .menu-popup-cats .sub-cat-hover{background:url(//gdp.alicdn.com/L1/142/423189218/modules/tshop-pbsm-shop-nav-ch/assets/images/df.png) repeat center;} .menu-popup-cats .sub-cat a{text-align:left;padding-left:10px;color:#FFF;width:150px;}

    45.jpg

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-11-10 13:55
  • 签到天数: 251 天

    连续签到: 1 天

    [LV.8]自成一派

    3

    主题

    346

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    53969

    最佳新人热心会员宣传达人

    发表于 2015-12-14 19:14:02 | 显示全部楼层
    你是基础版的吧。基础版页头10像素不能去除,只能通过技巧,固定背景弄个跟导航一样颜色的。
    PS美工交流群  283995557
  • TA的每日心情

    2016-11-9 11:20
  • 签到天数: 158 天

    连续签到: 1 天

    [LV.7]炉火纯青

    6

    主题

    83

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20171

     楼主| 发表于 2015-12-14 20:26:18 | 显示全部楼层
    no no ,是专业版

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2016-11-10 13:55
  • 签到天数: 251 天

    连续签到: 1 天

    [LV.8]自成一派

    3

    主题

    346

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    53969

    最佳新人热心会员宣传达人

    发表于 2015-12-14 21:04:08 | 显示全部楼层

    那你页头10像素关了没。

    PS美工交流群  283995557
  • TA的每日心情

    2016-10-5 11:26
  • 签到天数: 270 天

    连续签到: 1 天

    [LV.8]自成一派

    2

    主题

    173

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43486

    发表于 2015-12-15 12:07:00 | 显示全部楼层
    我有密集恐惧症···

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    思考
    2016-12-8 10:01
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149344

    最佳新人热心会员宣传达人

    发表于 2015-12-15 21:15:41 | 显示全部楼层
    审查元素找相关css修改,发这么一堆也不格式化。没人看的

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2017-1-16 19:11 , Processed in 0.107236 second(s), 18 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表