求教帮忙看看这个网页源码是什么问题

显示全部楼层 · 发表于 2014-1-10 16:49:23

本帖最后由随便注册于 2014-1-10 17:13 编辑

文件头中<!doctype html>表示是HTML5，测试发现HTML5就这样，可能要css另行指定？

你试试是不是出空隙了

<!doctype html>
<img src="http://img04.taobaocdn.com/imgextra/i4/1936457744/T22KI6XoXaXXXXXXXX_!!1936457744.jpg" /><img src="http://img02.taobaocdn.com/imgextra/i2/1936457744/T2JPFnXCxaXXXXXXXX_!!1936457744.jpg" width="780" />

复制代码

拼图的部分加上margin-top: -5px

<!doctype html>
<img style="margin-top: -5px" src="http://img04.taobaocdn.com/imgextra/i4/1936457744/T22KI6XoXaXXXXXXXX_!!1936457744.jpg" /><img src="http://img02.taobaocdn.com/imgextra/i2/1936457744/T2JPFnXCxaXXXXXXXX_!!1936457744.jpg" style="margin-top: -5px" width="780" />

复制代码

如果全部图片

<!doctype html>
<style type=text/css>
img {margin-top: -5px}
</style>
<img src="http://img04.taobaocdn.com/imgextra/i4/1936457744/T22KI6XoXaXXXXXXXX_!!1936457744.jpg" /><img src="http://img02.taobaocdn.com/imgextra/i2/1936457744/T2JPFnXCxaXXXXXXXX_!!1936457744.jpg" width="780" />

复制代码

显示全部楼层 · 发表于 2014-1-10 21:59:20

赞同11楼方案。楼主的网页中之所以出现那种问题，是因为网页几乎是一行行的图片铺成的，但是可能因为浏览器的默认值，导致每个img图片标签之间产生了边框或间距空隙，这些空隙看起来就像是一个个的格子。
由于楼主没有告知浏览器及版本，我这里也不好做太多的测试和评估，希望楼主提供这些信息，很重要。
我的方案：
在你这个网页的最顶行（第一行）加入：

<style>
img{border:0;margin:0;padding:0;}
</style>

复制代码

从代码上看，多余代码太多，建议楼主学习HTML、CSS、Javascript这些前端代码知识，不用多精通，至少遇上这些问题能有一定的处理能力——如果你打算深入从代码的角度完善你的网店的话。
同时不推荐3楼使用Dw设计视图的做法，在某些情况下可能出现一些莫名其妙的问题，而且降低代码效率是必定的了。当然，如果不考虑代码效率，只考虑大部分情况的实用性，无视我这些废话吧。。。。
PS：那个Dw版本太老了。。。。

显示全部楼层 · 发表于 2014-1-11 08:12:35

翼风Fly 发表于 2014-1-10 21:59
赞同11楼方案。楼主的网页中之所以出现那种问题，是因为网页几乎是一行行的图片铺成的，但是可能因为浏览器 ...

囧，这电脑新版的跑不起来哇

显示全部楼层 · 发表于 2014-1-11 08:13:57

随便注册发表于 2014-1-10 16:49
文件头中表示是HTML5，测试发现HTML5就这样，可能要css另行指定？

你试试是不是出空隙了拼图的部分加上m ...

好的，灰常感谢我去试试

显示全部楼层 · 发表于 2014-1-12 00:15:33

江南紫叶发表于 2014-1-11 08:12
囧，这电脑新版的跑不起来哇

啊，XP?IE8？

11楼或者我的方案，奏效不？不行的话我们会继续努力搞定~~

显示全部楼层 · 发表于 2014-1-12 11:51:43

你是卖家？用什么发布的？

[网络] 求教帮忙看看这个网页源码是什么问题