如何在div标签内制作超链接图片？

Iam制作一个网站使用div标签和css围绕文本和图像做一个盒子。这些图像用于超链接，因为这是一个游戏网站。但是div标签中的代码不起作用，但在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>

来源

2016-01-06 einstein8612

你已经在第一行的最后错过了报价。

取而代之的是，

<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;">

来源

2016-01-06 09:31:57

<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>

你的代码是缺少右双引号的 “风格”。另外尝试使用外部的CSS文件，并在该文件中包含所有的CSS。不要使用“CAPSLOCK”写HTML标签。

来源

2016-01-06 09:32:13

你的风格mistack属性不会关闭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>

来源

2016-01-06 09:33:02

使用以下code.are你的风格属性错不关闭引号（“）

<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>

来源

2016-01-06 09:33:33

如何在div标签内制作超链接图片？

回答

相关问题