1

Тема: дрібниця в hover

при наведенні на a з svg зображенням з'являється риска, як це можна виправити
скрін http://files.d-lan.dp.ua/img/?pictures= … 073b90.jpg

<ul id="social-menu">
  <li>
    <a href="#">
      <img src="img/icons/facebook.svg" alt="facebook">
     </a>                            
  </li>
</ul>
 #about-section #social-menu {
  margin-top: 30px; }

#about-section #social-menu li {
  display: inline;
  list-style-type: none;
  padding-right: 10px;
  margin: 0; }

#about-section #social-menu a {
  opacity: 0.7; 
  transition: all 0.3s;}

#about-section #social-menu a:hover {
  opacity: 1; 
  transition: all 0.3s;}
Подякували: 221VOLT1

2

Re: дрібниця в hover

Спробуйте для посилання задати:

text-decoration: none;

Якщо не допоможе, пишіть.

Подякували: shtyegor, 221VOLT2

3

Re: дрібниця в hover

дякую, а ще після того як я нажимаю на ссилку текст стає підкресленим, мені здається за це відповідає щось на зразок :hover можете підказати що

4

Re: дрібниця в hover

shtyegor написав:

дякую, а ще після того як я нажимаю на ссилку текст стає підкресленим, мені здається за це відповідає щось на зразок :hover можете підказати що

Можете скинути увесь код чи залити його на той же Codepen, бо в мене ось все і так працює: http://codepen.io/MichaelBondar/pen/qRdRbW

Подякували: 221VOLT, shtyegor2

5

Re: дрібниця в hover

використовуйте ресет

Подякували: Monolith, shtyegor2