Question

我正在尝试在我的页脚部分为客户端添加图像，由于某种原因，右边的边框比其他边框长，并且图像本身也更长。我试过添加“border：none;”到图像，但有些东西仍然覆盖它。我不在乎图像右边的边框是否消失，或者是否缩短了。我只是需要一些帮助。

<div class="clear"></div>
            <div class="help">
                <div class="copyright alignleft">
                    <p>©2013<a href="index.html">Infotek-Soultions</a></p>
                    <a href="Default.html"><img src="images/gear.png" width="20" height="21" alt="Tools" style="border:none;"/></a>
                    <a href="privacy.html">Privacy Policy</a>
                    <a href="Default.html">Resources</a>
                    <a href="Default.html">Client Portal</a>

                </div> <!-- END copyright -->

这是我的CSS文件

.copyright p{
font-family: 'sansationregular';
color:#d8d8d8;
font-size: 12px;
float:left;
margin:0;
} 
.copyright{
margin-top:5px;
}
.copyright a{
font-family: 'sansationregular';
color:#d8d8d8;
font-size: 12px;
float:right;
text-decoration: none;
border-right:1px solid #d8d8d8;
padding:0 10px;
 }
.copyright a:hover{
color:#d8d8d8;
opacity: 0.6;
 }
.copyright img{
border: none;
 }

请尽可能帮助。如果你需要我提供其他任何东西，我可以。提前致谢

Answer 1

问题是图像使锚元素更高。

这是一个删除边框的修复程序：

http://codepen.io/anon/pen/gpjlE

HTML：

 <div class="clear"></div>
        <div class="help">
            <div class="copyright alignleft">
                <p>©2013<a href="index.html">Infotek-Soultions</a></p>

              <a href="Default.html" class="no-border"><img src="images/gear.png" width="20" height="21" alt="Tools"/>
              </a>

              <a href="privacy.html">Privacy Policy</a>
                <a href="Default.html">Resources</a>
                <a href="Default.html">Client Portal</a>

            </div> <!-- END copyright -->

CSS：

 .copyright p{

font-family：'sansationregular'; 颜色：＃d8d8d8; font-size：12px; 向左飘浮; 余量：0; } 。版权{ 边距：5px的; } .copyright a { font-family：'sansationregular'; 颜色：＃d8d8d8; font-size：12px; 浮动：权利; text-decoration：none; border-right：1px solid＃d8d8d8; 填充：0 10px; } .copyright a：悬停{ 颜色：＃d8d8d8; 不透明度：0.6; }

.copyright＆GT; a＆gt; IMG { 高度：100％; 浮动：权利; }

.copyright＆gt; a.no界{ 边界：无; }

边框比页脚更长

1 个答案: