坛子里有HTML的高手么？

求指教啊 图片总是对不齐

代码发上来看看啊，高手很多的{:7_857:}

怎么算高手，我00年负责三大门户网站之一的代码编写

后面php,jsp都写过好多年，我觉得图像对不齐的问题，我应该能解决

<img src="http://hz00.i.aliimg.com/img/pb/742/713/613/613713742_398.jpg" alt="" width="650" height="650">
<img src="http://hz00.i.aliimg.com/img/pb/728/713/613/613713728_105.jpg" width="650" height="650" alt=""><img src="http://hz00.i.aliimg.com/img/pb/737/713/613/613713737_901.jpg" width="650" height="650" alt="">
<img src="http://hz01.i.aliimg.com/img/pb/733/713/613/613713733_795.jpg" width="650" height="650" alt="">
<img src="http://hz00.i.aliimg.com/img/pb/727/713/613/613713727_241.jpg" alt="" width="650" height="61">

这几张图片是一张长图 剪的可是传到阿里的时候中间总是有个白条 ，中间有间隔。。。怎么破

弱弱 发表于 2013-4-20 19:45
怎么算高手，我00年负责三大门户网站之一的代码编写

后面php,jsp都写过好多年，我觉得图像对不齐的问题， ...

这肯定算高手呀，求指教

justmagical08 发表于 2013-4-20 19:48
求指教

我不知道你外面套的是什么table，不过里面每个</img>和后面的<img>中间如果有空格或回车，都有可能出现这样的问题

通常我们专业写页面的时候如果要把几个图拼在一起，一定是用再套table的方式来实现的
例如你这个例子，我们会用
<table cellspacing=0 cellpadding=0><tr><td>img1</td><td>img2</td><td>img3</td></tr></table>
这样的方式来定位，这种想中间有空，不管是多少的空都能控制，想留什么颜色的空也能控制，如果不想留空也行，而且不同浏览器看出来的效果是一样，你可以尝试一下

弱弱 发表于 2013-4-20 19:57
我不知道你外面套的是什么table，不过里面每个和后面的中间如果有空格或回车，都有可能出现这样的问题

...

恩 谢谢了 其实我图片是用PS截取的，生成的HTML代码放上去也是不行，试试你这个

{:7_726:}  可以去看看《别具光芒DivCss网页布局与美化》

Geass-CC 发表于 2013-4-20 20:11
可以去看看《别具光芒DivCss网页布局与美化》

哦，这个属于从框架上对整个页面进行处理了，他那个暂时用不着，他只是对html最基本的元素概念用的不透

太复杂了，只撸过CPP的路过{:7_752:}

弱弱 发表于 2013-4-20 19:57
我不知道你外面套的是什么table，不过里面每个和后面的中间如果有空格或回车，都有可能出现这样的问题

...

果然是高手

弱弱 发表于 2013-4-20 20:14
哦，这个属于从框架上对整个页面进行处理了，他那个暂时用不着，他只是对html最基本的元素概念用的不透

{:7_709:}  开始那几章还是可以的

弱弱 发表于 2013-4-20 20:14
哦，这个属于从框架上对整个页面进行处理了，他那个暂时用不着，他只是对html最基本的元素概念用的不透

我只是想让阿里上的排版好看点 你刚刚的那个代码传上去审核的时候都变成并排了呢～～～～看了下你的那个代码的意思了呢 是单元格之间的空间和单元边沿与单元内容之间的空间 现在变成这样了本来应该是上下的这样中间空隙没有的话看上去就是一张图的，就像淘宝的那些展示图片一样

弱弱 发表于 2013-4-20 20:14
哦，这个属于从框架上对整个页面进行处理了，他那个暂时用不着，他只是对html最基本的元素概念用的不透

不行唉，审核通过了，现在显示变成这样了

用PS切片的时候HTML代码是这样的，可还是有空隙的～～
<table id="__01" width="650" height="2661" border="0" cellpadding="0" cellspacing="0">
        <tr>
                <td>
                        <img src="images/1_&#x526f;&#x672c;_01.jpg" width="650" height="650" alt=""></td>
        </tr>
        <tr>
                <td>
                        <img src="images/1_&#x526f;&#x672c;_02.jpg" width="650" height="650" alt=""></td>
        </tr>
        <tr>
                <td>
                        <img src="images/1_&#x526f;&#x672c;_03.jpg" width="650" height="650" alt=""></td>
        </tr>
        <tr>
                <td>
                        <img src="images/1_&#x526f;&#x672c;_04.jpg" width="650" height="650" alt=""></td>
        </tr>
        <tr>
                <td>
                        <img src="images/1_&#x526f;&#x672c;_05.jpg" width="650" height="61" alt=""></td>
        </tr>
</table>

萝莉很可爱…

vocaloid 发表于 2013-4-20 20:53
萝莉不错……

{:7_728:}  怪蜀黍

justmagical08 发表于 2013-4-20 20:51
不行唉，审核通过了，现在显示变成这样了

用PS切片的时候HTML代码是这样的，可还是有空隙的～～

没看出来哪有空隙？

scorpin 发表于 2013-4-20 21:00
没看出来哪有空隙？

是呀 在其他地方显示都是好的。。到阿里上就不行 图片间有间隔的～～

justmagical08 发表于 2013-4-20 21:02
是呀 在其他地方显示都是好的。。到阿里上就不行 图片间有间隔的～～

方便告知下地址吗，让高手去围观下。

scorpin 发表于 2013-4-20 21:00
没看出来哪有空隙？

刚刚的代码传上去审核的时候是这样的{:7_754:}