网页DIV的图片超链接问题
CSS:.aimg1{margin:20px06px0;}.aimg2{margin:3px;float:left;border:#DDD1pxsolid;}.aimg2...
CSS:
.aimg1 { margin:20px 0 6px 0;}
.aimg2 { margin:3px;float:left; border:#DDD 1px solid;}
.aimg2:hover { background:#FFE1E1; border:#CC0000 1px solid; text-decoration: none;}
页面：
<p><a href="modules/web_mon.php" class="aimg2"><div class="aimg"> <img src="img/addedit.png" class="aimg1"/><br />网站监视</div></a></p>
我想要的效果是：整个div方框的超链接和里面的图片的超链接都指向同一地址，但是现在点div方框有用，点图片不起作用，谁能帮我解决一下。
但是要保证显示效果如图所示：
这个就是图：点中间图片不能链接到web_mon.php页面，其他的地方可以，哪位高手指点一下。谢谢！ 工作需要要改一个原来的网站，对网页设计不是很懂，麻烦说的详细点吧。最好给点代码，谢谢。 展开
.aimg1 { margin:20px 0 6px 0;}
.aimg2 { margin:3px;float:left; border:#DDD 1px solid;}
.aimg2:hover { background:#FFE1E1; border:#CC0000 1px solid; text-decoration: none;}
页面：
<p><a href="modules/web_mon.php" class="aimg2"><div class="aimg"> <img src="img/addedit.png" class="aimg1"/><br />网站监视</div></a></p>
我想要的效果是：整个div方框的超链接和里面的图片的超链接都指向同一地址，但是现在点div方框有用，点图片不起作用，谁能帮我解决一下。
但是要保证显示效果如图所示：
这个就是图：点中间图片不能链接到web_mon.php页面，其他的地方可以，哪位高手指点一下。谢谢！ 工作需要要改一个原来的网站，对网页设计不是很懂，麻烦说的详细点吧。最好给点代码，谢谢。 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
.aimg{ width:50px; height:100px;}
.aimg1 { margin:20px 0 6px 0;}
.aimg2 { margin:3px;float:left; border:#DDD 1px solid;}
.aimg2:hover { background:#FFE1E1; border:#CC0000 1px solid; text-decoration: none;}
-->
</style></head>
<body>
<div class="aimg"><a href="modules/web_mon.php" class="aimg2"><img src="img/addedit.png" class="aimg1"/></a><br />
网站监视</div>
</body>
</html>
祝你成功~！
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
.aimg{ width:50px; height:100px;}
.aimg1 { margin:20px 0 6px 0;}
.aimg2 { margin:3px;float:left; border:#DDD 1px solid;}
.aimg2:hover { background:#FFE1E1; border:#CC0000 1px solid; text-decoration: none;}
-->
</style></head>
<body>
<div class="aimg"><a href="modules/web_mon.php" class="aimg2"><img src="img/addedit.png" class="aimg1"/></a><br />
网站监视</div>
</body>
</html>
祝你成功~！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<p><a href="modules/web_mon.php" class="aimg2"><div class="aimg"> <img src="img/addedit.png" class="aimg1"/><br />网站监视</div></a></p>
中去掉那个aimg1的<div>在css里面用
#aimg2 img来定义图片的样式试试
中去掉那个aimg1的<div>在css里面用
#aimg2 img来定义图片的样式试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你加个DIV就是为了加个边框吧，为何不直接用CSS给图片给边框呢？
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
