淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1799|回复: 14
收起左侧

[装修相关] 怎么去缝隙?还有热点老是乱跳!求助!

[复制链接]
  • TA的每日心情
    思考
    2016-3-5 12:02
  • 签到天数: 50 天

    连续签到: 1 天

    [LV.5]略有小成

    19

    主题

    86

    帖子

    8803

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8803

    发表于 2015-11-1 13:33:13 | 显示全部楼层 |阅读模式
    本帖最后由 不懂就要问 于 2015-11-1 13:37 编辑

    对于我这种新手得不能再新手,加上码盲来说,装修真是劳神伤肺!
    好不容易双十一页面出来了,然后……各种问题来了
    先是之前的底部有乱的代码出现
    接着,这是第二次遇到这个问题了,希望有大神帮忙解惑,让我彻底明白解决这个问题!谢谢!


    下面是我自己做的双十一的专题页面
    双十一专题页1.gif
    我把这个页面用标尺隔开了  然后按照标尺线划分的切片
    QQ图片20151101132353.png
    QQ图片20151101132410.png
    然后在PS里保存为WEB格式,GIF格式  然后把HTML文件直接拖入到DW里面
    然后在DW里加入热点,并加入链接,打开方式为_blank


    弄完之后,复制代码粘贴到专题页代码区,问题来了
    问题1:间隙!!!
    这是直接新建的一个专题页,C店专业版,没有买CSS权限。
    粘贴进来后,与导航栏有间隙,但是我不认识代码,不知道从哪个代码改。
    求大神赐教!
    QQ图片20151101114141.png
    问题2:
    因为我图片的5-8个切片是不规则的,里面宝贝的热点区域不像下面这个图一样整个加了
    而是只加在了提示“立即购买”的一小块区域   
    QQ图片20151101113628.png
    所有的热点和链接都设置完毕后,在DW里预览是没有任何问题的。
    但是发布到专题页面后,问题来了!
    上次也搞过一次这样的事情,第一个热点区域老是跑了, 上次有人说是第一个MAP重叠了,和别的MAP冲突,我听得不是很明白。
    然后发布后效果是第一个图的热点区域  缩小到下图蓝色框架内了   上次也是热点区域不对,这次也是。不知道到底是哪里出了
    问题,求大神指教!!跪谢!
    QQ图片20151101114222.png

    ————————————————————————————
    补上代码:


    <div class="MaGong" data-title="来自淘宝代码生成网www.001daima.com" data-time="1446352954" style="height:600px;">
            <div class="footer-more footer-more-trigger" style="left:auto;right:auto;width:950px;height:600px;top:auto;padding:0;border:none;z-index:1;background:none;">
                    <div class="footer-more footer-more-trigger" style="left:-485px;top:0px;height:600px;width:1920px;border:none;padding:0;background:none;">
                            <div data-widget-config="{&quot;easing&quot;:&quot;easeOutStrong&quot;,&quot;interval&quot;:4,&quot;navCls&quot;:&quot;ma_na&quot;,&quot;contentCls&quot;:&quot;macontent&quot;,&quot;prevBtnCls&quot;:&quot;Mprev&quot;,&quot;autoplay&quot;:true,&quot;nextBtnCls&quot;:&quot;Mnext&quot;,&quot;circular&quot;:true,&quot;duration&quot;:1,&quot;activeTriggerCls&quot;:&quot;hidden&quot;,&quot;effect&quot;:&quot;scrollx&quot;,&quot;viewSize&quot;:[1920],&quot;triggerType&quot;:&quot;mouse&quot;}" data-widget-type="Carousel" class="J_TWidget">
                                    <div class="J_TWidget Mprev" data-widget-config="{&quot;trigger&quot;:&quot;.AE&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.AE&quot;,&quot;offset&quot;:[-510,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup" style="display:none;">
                                            <div class="Mprev" style="font-size:100px;cursor:pointer;">
                                                    <img src="//gdp.alicdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png" />
                                            </div>
                                    </div>
                                    <div class="J_TWidget Mnext" data-widget-config="{&quot;trigger&quot;:&quot;.AE&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.AE&quot;,&quot;offset&quot;:[510,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup" style="display:none;">
                                            <div class="Mnext" style="font-size:100px;cursor:pointer;">
                                                    <img src="//gdp.alicdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png" />
                                            </div>
                                    </div>
                                    <div class="AE" style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">
                                            <ul class="macontent" style="height:600px;width:1920px;padding:0px;margin:0px;">
                                                    <li class="item">
                                                            <a target="_blank" href="//autosup0731.taobao.com/p/shuang11.htm?spm=a1z10.4-c.w5002-10208091208.3.XbIggC&amp;scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i2/229618552/TB2A4fUgFXXXXaNXpXXXXXXXXXX_!!229618552.jpg" /></a>
                                                    </li>
                                                    <li class="item">
                                                            <a target="_blank" href="//autosup0731.taobao.com/category-659086553.htm?spm=a1z10.4-c.w5002-10208091208.6.Ta6AMU&amp;search=y&amp;catName=%D0%D0%B3%B5%BC%C7%C2%BC%D2%C7&amp;scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i3/229618552/TB2Z1chdFXXXXbfXpXXXXXXXXXX_!!229618552.jpg" /></a>
                                                    </li>
                                                    <li class="item">
                                                            <a target="_blank" href="//autosup0731.taobao.com/category-693786979.htm?spm=a1z10.1-c.0.0.1azyKj&amp;search=y&amp;catName=%C6%FB%B3%B5%B8%F4%D2%F4&amp;scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/229618552/TB2Nt.gdFXXXXaRXpXXXXXXXXXX_!!229618552.jpg" /></a>
                                                    </li>
                                                    <li class="item">
                                                            <a target="_blank" href="//item.taobao.com/item.htm?spm=a1z10.5-c.w4002-10208091241.14.i8eYM9&amp;id=521642378300&amp;scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i2/229618552/TB2awErdFXXXXcGXXXXXXXXXXXX_!!229618552.jpg" /></a>
                                                    </li>
                                            </ul>
                                    </div>
                                    <div class="footer-more footer-more-trigger" style="width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none;display:block;">
                                            <div class="footer-more footer-more-trigger" style="z-index:99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;">
                                                    <ul class="ma_na" style="width:1920px;height:45px;margin:0 auto;text-align:center;border:none;color:#FFF;">
                                                            <li class="hidden" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                            <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                            <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                            <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                    </ul>
                                            </div>
                                            <div class="footer-more footer-more-trigger" style="z-index:98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none;">
                                                    <ul class="ma_nb" style="width:1920px;height:45px;margin:0 auto;text-align:center;border:none;color:#333333;">
                                                            <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                            <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                            <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                            <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
                                                                    ●
                                                            </li>
                                                    </ul>
                                            </div>
                                    </div>
                            </div>
                    </div>
            </div>
    </div>







    补充内容 (2015-11-2 17:54):
    至此,问题全部都已解决,间隙问题请看9楼! 至于我的热点乱的问题,确实是和MAP冲突有关系,我重新在DW里加入热点时,修改了MAP名称后完全正常!
    新手刚接触淘宝 还望各路大神多多指教!
  • TA的每日心情

    2016-11-7 17:53
  • 签到天数: 142 天

    连续签到: 1 天

    [LV.7]炉火纯青

    7

    主题

    291

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20126

    最佳新人热心会员

    QQ
    发表于 2015-11-1 13:47:39 | 显示全部楼层
    代码              

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


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

  • TA的每日心情
    无奈
    2016-11-5 09:19
  • 签到天数: 141 天

    连续签到: 1 天

    [LV.7]炉火纯青

    2

    主题

    400

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27079

    发表于 2015-11-1 13:52:42 | 显示全部楼层

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


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

  • TA的每日心情
    抱抱
    昨天 11:25
  • 签到天数: 694 天

    连续签到: 2 天

    [LV.9]已臻大成

    2

    主题

    265

    帖子

    12万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    122420

    热心会员最佳新人

    发表于 2015-11-1 15:52:10 | 显示全部楼层
    导航下面的间隙  页头设置那里不是可以关掉10px的么
    你上面那个代码 没有用热点吧  是在线自动生成的吧

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


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

  • TA的每日心情
    思考
    2016-3-5 12:02
  • 签到天数: 50 天

    连续签到: 1 天

    [LV.5]略有小成

    19

    主题

    86

    帖子

    8803

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8803

     楼主| 发表于 2015-11-1 17:59:30 | 显示全部楼层
    笑看红尘 发表于 2015-11-1 15:52
    导航下面的间隙  页头设置那里不是可以关掉10px的么
    你上面那个代码 没有用热点吧  是在线自动生成的吧
    ...

    改版后不知道哪里找那个设置了    上面的代码是在DW里加了热点 然后粘贴到装修页面来的

    新手刚接触淘宝 还望各路大神多多指教!

    该用户从未签到

    0

    主题

    58

    帖子

    2546

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2546

    QQ
    发表于 2015-11-1 22:37:43 | 显示全部楼层
    就是map名没改你一个页面肯定至少两个版块单独用了代码,并且map名没改掉,都是map

    该用户从未签到

    0

    主题

    2

    帖子

    622

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    622

    发表于 2015-11-1 22:56:34 | 显示全部楼层

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


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

  • TA的每日心情
    思考
    2016-9-7 16:50
  • 签到天数: 137 天

    连续签到: 1 天

    [LV.7]炉火纯青

    16

    主题

    350

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19791

    最佳新人热心会员

    发表于 2015-11-2 08:04:20 | 显示全部楼层
    楼上解答了,我打酱油的 呵呵

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


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

  • TA的每日心情
    加油
    2016-8-19 13:57
  • 签到天数: 209 天

    连续签到: 1 天

    [LV.7]炉火纯青

    5

    主题

    401

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29881

    最佳新人热心会员

    发表于 2015-11-2 08:47:41 | 显示全部楼层



    QQ截图20151102084555.png 页头10像素

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


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

  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45070

    最佳新人热心会员

    QQ
    发表于 2015-11-2 08:58:55 | 显示全部楼层
    将第三个div class里的top:auto改为top:-10px就可以完美解决你的第一个问题;关于第二个问题那都不叫问题,你首先得把你做好的图片上传到图片空间啊,不然你粘贴多少代码都是浮云!
    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-8 17:58 , Processed in 0.156710 second(s), 36 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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