Html <;a>;标签

Html <;a>;标签,html,css,internet-explorer,internet-explorer-7,Html,Css,Internet Explorer,Internet Explorer 7,这是生成的html asp.net(删除了一些客户端标识详细信息) 在Windows XP/IE 7中,单击图像不起任何作用。单击文本执行超链接。右键单击任意位置,然后选择“在新窗口中打开”或“打开” 在其他浏览器中,这一切都按预期工作 有没有什么简单的方法可以让我在IE7中正常工作 <div id="hdrXXX"> <a id="ctl00_XXX" title="XXX" class="hdrXXX" h

这是生成的html asp.net(删除了一些客户端标识详细信息)

在Windows XP/IE 7中,单击图像不起任何作用。单击文本执行超链接。右键单击任意位置,然后选择“在新窗口中打开”或“打开”

在其他浏览器中,这一切都按预期工作

有没有什么简单的方法可以让我在IE7中正常工作

<div id="hdrXXX">                      
            <a id="ctl00_XXX" title="XXX" class="hdrXXX" href="http://google.com" target="_blank">
                 <div style="float:left;display: block;"> 
                    <img id="ctl00_XXX" src="Images/XXX.png" style="border-width:0px;" />
                </div>
                <div style="float:left; display: block; padding:15px 0 0 0;"> 
                    <span id="XXX">Some text right here</span>

                </div>
            </a>  
       </div>  


尝试删除div,因为img标记和span自然是内联显示的。添加显示块,如果需要将页边距右移到标签本身,则向左浮动,就像添加div一样。另外,在锚定标记中添加overflow:hidden(如果使用float),这样它就占据了两个子元素的总空间。

您只能将块级元素放在具有HTML5的锚定元素中,并且浏览器支持仍然有点不确定。IE7显然不支持这一点

您不需要使用除法来执行此操作:

<div id="hdrXXX">                      
    <a id="ctl00_XXX" title="XXX" class="hdrXXX" href="http://google.com" target="_blank">
        <img id="ctl00_XXX" src="Images/XXX.png" style="border: 0; float: left; margin-right: 15px" /> 
        <span id="XXX">Some text right here</span>
    </a>  
</div>


这应该会产生相同的效果…

由于您的浮动,锚会倒塌。此外,不能将块级元素
放入内联元素


使用HTML5,只能将块级元素放在锚元素中,浏览器支持仍然有点不确定。IE7显然不支持这一点。@animuson-你能补充一下吗?阅读:“如果你使用HTML5,你只能将块级元素放在锚元素中。”
<div style="clear: both"></div>
.clear-fix {
clear: both !important;
display: block !important;
font-size: 0 !important;
line-height: 0 !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
<div id="hdrXXX">                      
    <a id="ctl00_XXX" title="XXX" class="hdrXXX" href="http://google.com" target="_blank">
        <span style="float:left;display: block;"> 
            <img id="ctl00_XXX" src="Images/XXX.png" style="border-width:0px;" />
        </span>
        <span style="float:left; display: block; padding:15px 0 0 0;"> 
            <span id="XXX">Some text right here</span>
        </span>
        <span class="clear-fix"></span>
    </a>  
</div>