顯示一些圖像似乎打破了谷歌造型

Question

我想在頁面上顯示一些照片，它打破了頁面的樣式。這是一個例子。查看該頁面的右側，圖像被打破，他們實際上得到顯示在其他HTML元素就像一個H2標籤，它說：「即將推出」

這裏舉例：

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

任何想法如何解決這個問題？ Google Chrome的問題更嚴重

Answer 1

html標記有點令人困惑，因爲它們都使用http://wwww引用，但它們託管在同一臺服務器上。也許我錯過了一些東西，但你也許可以使用本地站點路徑相對於網頁的東西，會有點簡化類似下面非工作代碼示例：

<span style="margin: 3px;"> 
<a href="hikes/hike_image.php hike_photo_id=&amp;photo_path=img/hiking_photos/108_2/full_cannon2.jpg"> 
<img src="img/hiking_photos/108_2/small_cannon2.jpg" 
style="border: none;"></a> 
</span> 

這將使一個更快的加載時間，節省帶寬，只是在我非常謙虛的意見中更簡單明瞭。當他們在遠程站點上時，通常會在圖像鏈接中使用http：//。

當我加載頁面時，有多個損壞的圖像，看起來也許是生成打破布局的標記的腳本。

爲了解決這個問題，我會翻出整個圖像生成的東西，並簡化標記以使其「靜態」工作，即不用輸出圖像和/或標記的腳本。

然後，一旦它以靜態的方式工作，我會攻擊動態輸出，儘管我很少使用這種技術，因爲我覺得大部分時間他們對我維護的小項目都是過度的。

快樂編碼&好日子的朋友。

更新：

存儲在易網站內容更改，可變圖像路徑：

一個（簡單）的選擇是使用好老的PHP爲您的圖像路徑。 IE瀏覽器，在主腳本：

define('BASE_PATH',realpath('.')); 
define('IMG_PATH', BASE_PATH . "/img/); 
// to inlude an image:: 
<img src="<php echo IMG_PATH; ?> pic.jpg" /> 

這種方式，改變IMG_PATH會改變使用該變量的所有的img標籤，並通過使用BASE_PATH即使你移動這樣的工作或複製該網站在不同的主機上。

查找basename（）函數man和相關函數以獲取更多提示和示例。