удалить подчеркивание гиперссылке изображения

Question

Все началось с этих двух кодов

  #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 и в себе, но это не имеет никакого значения Любая помощь

Answer 1

Вы, вероятно, следует добавить эту строку CSS, так что любые изображения внутри ссылки не показывают границы или подчеркивание.

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

Также как примечание стороны, если у вас есть несколько логотипов вы, вероятно, следует использовать идентификатор вместо CLASS в качестве лучшей практики. Вы используете только классы в css, когда есть возможность иметь несколько элементов, имеющих одинаковые стили.

Поэтому делая код:

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

Answer 2

Попробуйте это:

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

Answer 3

Анкер.? помещая рамку вокруг изображения.

добавить свойство границы в стиле изображения

<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

Answer 4

если вы стилизовать вашу ссылку с 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