日期:2014-05-17  浏览次数:20615 次

【一个痛苦的问题】使用了H1 H2标签后 和图片不是一行了?空白处都有超链接
为了SEO

我把论坛的文章标题 加了H2标签,但为了保持原有的排版,我使用了CSS来消除H2带来的效果,



但出现了2个问题,

1,图片<img src=123.gif> 和标题不是一行了,图片在上面一行,标题在下面一行

2,标题文字结束后面很长的空白地方都可以点开 文章链接



HTML code


<TD class=new>
        
<img src=123.gif>  
<A href="/文章地址1.html"><font color="green"><H2>文章标题1</H2></font></A>

</TD>


<TD class=new>
        
<img src=123.gif>  
<A href="/文章地址2.html"><font color="green"><H2>文章标题2</H2></font></A>

</TD>

....

..依次类推





CSS是这样的
CSS code

.new h2 {
    FONT-SIZE: 14px; 
    FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica";
    LINE-HEIGHT: 20px;
    font-weight: normal;
    line-height:25px;
    margin:0;
    padding:0;
}
}






请求帮助啊 谢谢

------解决方案--------------------
h2,img{float:left;}?

demo: http://jsfiddle.net/32p8w/