当前页:网页制作>>>淘宝图片连接失效
淘宝图片连接失效
文章来源:本站原创 责任编辑:黄舒奇   发表时间:2016-01-08  最后修改时间2016-05-31 
    我有一个朋友向我求助,诉说他的淘宝网站图片连接失效,说着就发来一大堆代码,代码如下:
运行代码
检查发现,图片左边链接正常,右边二张图片均无链接。会代码的朋友可能直接修改代码就行了,但对于代码一窍不通的朋友来说,就有难度了。
    修改思路:
    我收到这个代码后,不急于修改,先放在dw里,看一下到底错在哪?
    放到DW里,浏览一看,原来这二个链接跑到下面去了,如图1
浏览原图
                                    图1 浏览原图
    找到问题根源了,只要修改CSS就行了,你用鼠标是拉不上来的,只能修改属性。我用鼠标选中下面其中一个class="jdb abs a3z64-ipYw",再看右则“CSS样式”,“当前”,给它添加了一个属性“浮动”英文float如图2,选择右对齐 "right" ,如图3
     添加浮动          右对齐
               图2 添加浮动                                   图3 右对齐
   这时还不够,还要给它添加一个定位position 绝对absolute 如图4
      定位,绝对
          图4 定位,绝对
  用同样方法选中class="jdb abs a3z64-U7YR",进行添加浮动,定位。修改后的代码如下:
运行代码
    通过修改代码,终于恢复了链接,看来还是要学一点CSS啊。