2

我正在为三个图像使用ImageMapa.gif扩展，b.gif和分别c.gif链接到页面Page 1，Page 2和Page 3。因此，将其添加到页面的代码很简单：

<imagemap>
File:a.gif|50px
default [[Page 1]]
desc none
</imagemap>

<imagemap>
File:b.gif|50px
default [[Page 2]]
desc none
</imagemap>

<imagemap>
File:c.gif|50px
default [[Page 3]]
desc none
</imagemap>

但是，图像出现在一列中（即每个都在一个新行上），而我希望它们彼此相邻。删除代码中的空格没有帮助。这是我可以减少的最多，它仍然有效，但效果是一样的：

<imagemap>File:a.gif|50px
default [[Page 1]]
desc none</imagemap><imagemap>File:b.gif|50px
default [[Page 2]]
desc none</imagemap><imagemap>File:c.gif|50px
default [[Page 3]]
desc none</imagemap>

我曾尝试使用图片库，但这不起作用 - 显然图片库与图片地图不兼容。

如何使用工作链接连续获取这三个图像？

4

2 回答 2

3

ImageMap 扩展生成的 HTML 代码如下所示：

<div>
  <a href="Page Name">
    <img src="image" />
  </a>
</div>

因为<div>HTML 中的元素默认显示为块元素，所以它显示在自己的行上，其他 div 被推到下一行。有几种方法可以解决这个问题。最简单的方法是将图像放在这样的表格中：

{| width="100%"
|
<imagemap>
File:a.gif|50px
default [[Page 1]]
desc none
</imagemap>
|
<imagemap>
File:b.gif|50px
default [[Page 2]]
desc none
</imagemap>
|
<imagemap>
File:c.gif|50px
default [[Page 3]]
desc none
</imagemap>
|}
于 2012-08-22T15:17:41.917 回答
-2

要将图像内联，我们使用带有 css 规则的 div 语句，如下所示：

<div style="display:inline;">

[[File:image1.jpg]]
[[File:image2.jpg]]

</div>

希望对你有帮助！

于 2013-03-21T12:24:58.060 回答