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：//。

加载页面时有多个损坏的图像，似乎可能是生成标记的脚本打破了布局。

为了解决这个问题，我会删除整个图像生成的东西并简化标记，以使其“静态”工作，即没有脚本输出图像和/或标记。

然后，一旦它以静态方式工作，我会攻击动态输出，虽然我很少使用这种技术，因为我觉得大多数时候它们对我维护的小项目来说是过度的。

快乐编码＆amp;美好的一天。

<强>更新

将图像路径存储在变量中，以便在整个站点范围内进行更改：

一个（简单）选项是为您的图像路径使用好的旧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和相关函数以获取更多提示和示例。

显示一些图像似乎打破了谷歌的风格

1 个答案: