哪些錯誤與此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標記

回答

相關問題