Question

我制作一个网站并使用div标签和css围绕文本和图像制作一个框。这些图像用于超链接，因为这是一个游戏网站。但是div标签中的代码不起作用，但在div标签之外它可以工作。请给我一个有效的代码。

我的代码：

<div style="width:825px;height:300px;border:15px solid black;background-color:lightgrey;padding: 25px;margin: 25px;>
    <A HREF="http://www.test-joey-spellen.byethost4.com/Games/arcade.html">
        <IMG BORDER="0" SRC="images/arcade.jpeg" width="130" height="85">
    </A>
</div>

Answer 1

你在第一行末尾错过了一句话。

而不是这个，

<div style="width:825px;height:300px;border:15px solid black;background-color:lightgrey;padding: 25px;margin: 25px;>

这样做：

<div style="width:825px;height:300px;border:15px solid black;background-color:lightgrey;padding: 25px;margin: 25px;">

Answer 2

var resValues = result.values;

您的代码缺少＆＃34;样式＆＃34;的结束双重引号。还尝试使用外部css文件并包含该文件中的所有css。并且不要使用＆＃34; CAPSLOCK＆＃34;来编写HTML标记。上。

Answer 3

你在样式属性中错误包装不能关闭quote

更改您的HTML

<div style="width:825px;height:300px;border:15px solid black;background-color:lightgrey;padding: 25px;margin: 25px;"><a href="http://www.test-joey-spellen.byethost4.com/Games/arcade.html"><img border="0" src="images/arcade.jpeg" width="130" height="85"></a>
</div>

Answer 4

使用以下代码。您在样式属性中没有错误引用（＆＃34;）

<a href="http://www.test-joey-spellen.byethost4.com/Games/arcade.html">
<div style="width:825px;height:300px;border:15px solid black;background-color:lightgrey;padding: 25px;margin: 25px;">
<IMG BORDER="0" SRC="images/arcade.jpeg" width="130" height="85">
</div>
</a>

如何在div标签中制作超链接图像？

4 个答案: