当外面已经有A链接的时候，里面的button链接无效怎么解决？

binziqing · 发表于 2011-4-4 13:43:36

<!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>
.list1,.list1 a:link, .list1 a:visited{ height:auto; min-height:60px;display:block;background:url(../images/Details-line.png) bottom no-repeat; clear:both; width:100%; color:#FFF;}
.listTime-pic{ float:left; margin:10px 5px 0px 5px;}
   .list1 h1,.list1 strong,.list1 em,.list1 dfn,.list2 h1,.list2 strong,.list2 em,.list2 dfn{padding:3px 0px 5px 0px; margin:0px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color:#FFF;font-size:10pt;line-height:12pt;}
    .list1 h1,.list2 h1{ margin-left:5px;}
    .list1 strong,.list2 strong{font-size:13pt;line-height:14pt; margin-top:2px; display:block; font-weight:normal;}
    .list1 em,.list2 em{padding:0px;color:#979797;height:20px;}
    .list1 span,.list2 span {padding:0px;}
    .list1 dfn,.list2 dfn {margin:-5px 0px 0px 54px; padding:3px 0px 10px 0px;}
    .right{float:right; width:75px; margin-right:5px; text-align:right;font-size:10pt;line-height:11pt;}
    .Price{margin:15px 0px 8px 0px; }
    .star{}
    .list1 a:hover, .list1 a:active{color:#FFFFFF; background:url(../images/Focus-list.png)top repeat-x #246daf;}
    .list2,.list2 a:link, .list2 a:visited{ height:auto; min-height:60px;display:block;background:url(../images/Details-line.png) bottom no-repeat #191919; color:#FFF; clear:both; width:100%;}
    .list2 a:hover, .list2 a:active{color:#FFFFFF; background:url(../images/Focus-list.png)top repeat-x #246daf;}

body {
	background-color: #000;
}
</style>
</head>

<body>

<div class="list1"> <a href="http://www.sina.com">
      <div  class="listTime-pic"> <img src="images/pic-2.png" width="40" height="40" /></div>
      <div class="right">
        <div class="Price">
 <input name="button" type="button" onclick="javascript:location.href='http://www.163.com'" value="下载"/>
 </div>
      </div>
      <h1>
        <strong>这个应用工！！！</strong>
      <em>中国移动</em></h1>
        </a>
</div>

<div class="list2">	   	
	<a href="http://www.sina.com">
	<div class="listTime-pic"><img src="./本省软件按次787888_files/logo434x346069546588_new.png" width="40" height="40"></div>
	<div class="right">
	<div class="Price">
     <input name="button" type="button" style="width:60px; height:30px;" onclick="javascript:location.href='http://www.163.com'" value="下载"/>
	</div>
	</div>
	<h1> <strong>二级分类游戏222</strong> <em>套餐联调了</em></h1>
		    </a>
	    </div>

</body>
</html>

提示：您可以先修改部分代码再运行

当外面已经有A链接的时候，里面的button链接无效怎么解决？

现在button的连接默认是外面的A链接地址了。。。搞了半天搞不定。谁能给个解决方法，谢谢了！

binziqing · 发表于 2011-4-4 13:45:58

谷歌浏览器跟OPRA不行。。。。。都是默认打开A链接的地址的。

wsph123 · 发表于 2011-4-5 00:10:10

不要套a就好了嘛

doujikai · 发表于 2011-4-5 15:58:53

试试让那个button用position定位，飘起来

wyysf · 发表于 2011-4-6 16:18:49

你这样写本来就是不符合标准的出问题是正常的，最好不要这样嵌套！

binziqing · 发表于 2011-4-6 18:01:08

额。把button移出A连接外面，然后再重新定位一下就可以了。

帐号		自动登录	找回密码
密码			注册

[求助] 当外面已经有A链接的时候，里面的button链接无效怎么解决？