显示一些图像似乎打破了谷歌造型

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和相关函数以获取更多提示和示例。