哪些错误与此IMG HTML标记

我有一个页面，显示图像和影像真的希望搞砸了:) 这是页面的样子：哪些错误与此IMG HTML标记

http://www.comehike.com/outdoors/parks/park.php?park_id=15

见右侧中间的图像看起来非常混乱。而当我尝试查看源代码时，下面的html就是我所得到的。但从看它看，它看起来很合理 - 不是吗？

<a href="http://www.comehike.com/hikes/hike_image.php?hike_photo_id=&photo_path=http://www.comehike.com/img/hiking_photos/108_101/full_DSC_2822.JPG"><img src="http://www.comehike.com/img/hiking_photos/108_101/small_DSC_2822.JPG" style="border: none;" /></a>

来源

2011-06-03 Genadinik

看起来像一堆图像不加载。 – wdm 2011-06-03 17:39:18

除了破碎的图像，还有数百个验证错误，其中一些非常重要。你的问题是什么？ – 2011-06-03 17:40:20

我看到两个问题。一个是，一些图像链接被破坏，所以其他图像不加载。第二种是，图像被包含在一个明确的尺寸的div中，并且内容不适合在div内，并且它们在下面内容的顶部流出。

您可以将'overflow'css属性设置为auto，并且它会添加滚动条，或者您可以删除显式高度属性并使其余布局流程（可能是首选）。

来源

2011-06-03 17:41:50 NerdFury

a）。使用宽度和高度属性<img> b）。你可能需要增加这些图像所在的<div>的高度或将其设置为style="min-height: 50px";

来源

2011-06-03 17:41:13

您的某些图片有一个空的src：

<a href="http://www.comehike.com/hikes/hike_image.php?hike_photo_id=&photo_path=http://www.comehike.com/img/hiking_photos/108_2/cannon3.jpg"> 
    <img src="" style="border: none;" /> 
</a>

来源

2011-06-03 17:50:58 Duopixel

哪些错误与此IMG HTML标记

回答

相关问题