网页中 怎么去掉两张图片之间的空隙
在制作淘宝描述中一张大图截成多张小图然后拼接在一起,但是上图与下图之间总是会存在空隙(如图),大侠们帮忙解决下,如果使用代码实现的话希望能提供代码。还有一个问题就是用PS...
在制作淘宝描述中 一张大图截成多张小图然后拼接在一起,但是上图与下图之间总是会存在空隙(如图),大侠们帮忙解决下,如果使用代码实现的话 希望能提供代码。
还有一个问题就是用PS4切割后导出来的代码,放到网上能实现无空隙,但是显示非常之慢,而且会出现图片全部显示之前整体下移的问题,请问如何解决?
如果有哪位大侠能直接告知,淘宝描述中大图切割后拼接的描述是如何制作的,给出代码的话,那就太感谢了,承诺悬赏不少于100 展开
还有一个问题就是用PS4切割后导出来的代码,放到网上能实现无空隙,但是显示非常之慢,而且会出现图片全部显示之前整体下移的问题,请问如何解决?
如果有哪位大侠能直接告知,淘宝描述中大图切割后拼接的描述是如何制作的,给出代码的话,那就太感谢了,承诺悬赏不少于100 展开
2个回答
展开全部
网页图片之间有空隙的解决办法
一个页面中图片与图片之间出现水平空隙,效果如图
代码部分如下:
<table width="980" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/top.jpg" width="980" height="90" border="0" usemap="#Map" /> </td> </tr> </table> <map name="Map" id="Map"> <area shape="rect" coords="706,39,742,57" target="main" /> <area shape="rect" coords="791,44,827,61" /> <area shape="rect" coords="875,48,910,66" /> </map> <table width="980" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/top_2.jpg" width="980" height="68" border="0" /> </td> </tr> </table>
第二,<td$amp;>amp;$lt;img>之间没有任何字符,以及在<img>标签加上 align="bottom"属性的写法,还是不行。最后解决的方法是在<head$amp;>amp;$lt;/head>之间插入img的css
代码如下:
/*设定图片样式,垂直对齐,解决了图片图片之间含有空隙的情况 2011.07.27 added by Lee.will*/ img { vertical-align: bottom }
一个页面中图片与图片之间出现水平空隙,效果如图
代码部分如下:
<table width="980" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/top.jpg" width="980" height="90" border="0" usemap="#Map" /> </td> </tr> </table> <map name="Map" id="Map"> <area shape="rect" coords="706,39,742,57" target="main" /> <area shape="rect" coords="791,44,827,61" /> <area shape="rect" coords="875,48,910,66" /> </map> <table width="980" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/top_2.jpg" width="980" height="68" border="0" /> </td> </tr> </table>
第二,<td$amp;>amp;$lt;img>之间没有任何字符,以及在<img>标签加上 align="bottom"属性的写法,还是不行。最后解决的方法是在<head$amp;>amp;$lt;/head>之间插入img的css
代码如下:
/*设定图片样式,垂直对齐,解决了图片图片之间含有空隙的情况 2011.07.27 added by Lee.will*/ img { vertical-align: bottom }
展开全部
你在切图的时候切记,在横像只允许有一行,在竖向可以允许多列,同时在把切下来的图拼接起来时要设置好宽度!这里不能发链接,请参阅我在经验畅谈区写的精华帖,那里有详细的介绍!旺旺号比百度号多一,前面的不变,后面的加1!祝你好运!
追问
有三个个问题再咨询下
1.为什么横向只允许有一行,纵向可以允许多列?
2.表格宽度和高度都没有问题,为什么中间会出现如图裂缝?
3.你的经验畅谈区的链接是什么?
追答
我回答下你的这三个问题吧!
第一个没有为什么,在这一行范围内的横向已经被这一行完全占据了,你最多也是在这行中加入多列构成多个区域!
第二个问题:你在新建表格的同时你没有对表格的属性参数设置,dreamweaver 中你在插入表格的时候你在对你表格的行数和列设置完了之后不要急于确定,将表格宽度设置好,还有边框粗细、单元格边距和单元格间距都设置为0px,然后在确定,把你切好的图一个个的加进去!如果你是在淘宝店铺里面的自定义页面,把图放在一个自定义模块里!
第三个问题:在百度发淘宝的链接直接屏蔽,自己去经验畅谈区找dreamweaver和fireworks的帖子!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询