从超链接图片

删除下划线这一切都开始了与这两个码从超链接图片

  #Header .Logo 
        {     
      background: url('http://s24.postimg.org/69nibdvz9/Header_P  .png') no-repeat 0px 0px; 
      height: 186px; 
      width: 100%; 
      position:relative; 
      top: 0px; 
      margin: 0px 0px -5px; 
      clear: both;

和

   <div class="Logo"><center><img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px;" width="640" height="160" alt="{SourceTitle}" /></center> 
      </div>

基本上我有一个头和我在它上面的网站的标志。由于我使用徽标而不是标题，因此我希望图像具有链接。所以我补充道：

   <div class="Logo"><center> <a href="http://oldtimesdaily.tumblr.com"><img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px;" width="640" height="160" alt="{SourceTitle}" /></a></center> 
      </div>

现在问题是由链接创建的下划线是丑陋的。我如何删除它？我尝试添加了“风格=”文字修饰：无;”无论是在.Logo并在本身，但它并没有区别任何帮助

来源

2013-06-19 user2502669

[''

已弃用]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center）。请不要使用它。 –

你或许应该加入这行的CSS使一个链接内的任何图像不显示边框或下划线。

.Logo a,.Logo a img{ 
border:none; 
text-decoration:none; 
}

另外，作为一个侧面说明，除非你有多个标志，你应该使用ID而不是CLASS作为最佳实践。当可能有多个元素需要相同样式时，您只能在css中使用类。

因此使得代码：

#Logo a, #Logo a img{ 
border:none; 
text-decoration:none; 
}

来源

2013-06-19 19:41:18

试试这个：

a.Logo:link, a.Logo:visited { 
    text-decoration: none 
}

来源

2013-06-19 19:35:47 Math

的锚？把边框的图像周围。

border属性添加到图像风格

<img src="http://s1.postimg.org/g6dji2wfj/Logo.png" style="position: relative; top: 50px; border: none;" width="640" height="160" alt="{SourceTitle}" />

Here is the fiddle

来源

2013-06-19 19:38:31 Smeegs

如果你风格的CSS您的链接线应该走

a:link {color:#;}  /* unvisited link */ 
a:visited {color:#;} /* visited link */ 
a:hover {color:#;} /* mouse over link */ 
a:active {color:#;} /* selected link */

http://www.w3schools.com/css/css_link.asp

来源

2013-06-19 19:41:10 Frank

从超链接图片

回答

相关问题