Как я могу исправить ссылку на изображение, которая не работает? - PullRequest
Новая
       7

Как я могу исправить ссылку на изображение, которая не работает?

0 голосов
/ 05 декабря 2018

Я пытаюсь получить изображение для навигационной панели моей страницы, чтобы перейти обратно на домашнюю страницу моего сайта.Я попытался использовать код ниже, но по какой-то причине только верхняя часть изображения кликабельна.Я проверял это и пытался целую вечность, но я не могу найти ничего, что выглядит неуместным или имеет неправильный синтаксис.

Могу ли я что-нибудь сделать, чтобы решить эту проблему? 

nav {
  height: 85px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background: none;
  padding-left: 60px;
  padding-right: 60px;
  user-select: none;
  transition: 0.5s ease-in-out;
  z-index: 100;
}

nav img {
  height: 70px;
  margin-top: 5px;
}

nav a:hover {
  color: var(--primary) !important;
  transition: 0.15s;
}

nav img {
  margin: 0px;
}

nav .responsive-nav {
  display: none;
}

nav .right {
  position: fixed;
  top: 27px;
  right: 60px;
  width: 100%;
  text-align: right;
  height: 85px;
  text-transform: uppercase;
}

nav .right ul {
  position: fixed;
  top: 27px;
  right: 60px;
  width: 100%;
  height: 85px;
  margin-top: 0px;
}

nav .right li {
  margin-top: 7px;
}

nav .right a {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  margin-left: 20px;
}

nav h1 a {
  text-decoration: none;
  color: #ffffff;
  transition: 0.15s;
}

nav h1 a:hover {
  color: var(--primary);
  transition: 0.15s;
}

nav .menu {
  display: none;
  position: fixed;
  top: 18px;
  right: 30px;
  font-size: 25px;
  border: 2px solid var(--primary);
  border-radius: 5px;
  padding: 5px;
  color: var(--primary);
  cursor: pointer;
}
<nav>
    <a href="/"><img src="https://www.gsr-technology.co.uk/wp-content/uploads/2015/10/partner-logo-placeholder.jpg" /></a>
    <div class="right">
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/services.html">Services</a></li>
      </ul>
    </div>
    <i class="fas fa-bars menu"></i>
  </nav>

1 Ответ

0 голосов
/ 05 декабря 2018

В приведенном выше коде nav .right и nav .right ul оба имеют ширину: 100%;удалите его и попробуйте, и все изображение будет кликабельным.

...