#html #css #image #hyperlink #footer
#HTML #css #изображение #гиперссылка #нижний колонтитул
Вопрос:
В настоящее время я создаю гиперссылки на значки социальных сетей в нижнем колонтитуле моего сайта. Каждое из 3 изображений является отдельным, и гиперссылки eahc ссылаются на разные социальные сети. Однако текст «Авторского права» под изображениями в нижнем колонтитуле автоматически ссылается на ссылку в качестве последнего изображения = Instagram.
Как мне разорвать связь с этим текстом? Поскольку я хочу, чтобы это был просто отображаемый текст, а не гиперссылка
.Socials {
display: inline-block;
margin-left: auto;
margin-right: auto;
width: 30%;
}
#footer {
text-align: center;
background-color: #000000;
color: white;
font-family: 'Big Shoulders Stencil Text', cursive;
} <div id="footer">
<div class="Socials">
<a href="https://www.facebook.com/studyatulster/">
<img id="Facebook" src="Facebook.png" alt="Facebook">
<a href="https://twitter.com/UlsterUni? ref_src=twsrc^google|twcamp^serp|twgr^author">
<img id="Twitter" src="Twitter.png" alt="Twitter">
<a href="https://www.instagram.com/ulsteruni/?hl=en">
<img id="Instagram" src="Instagram.png" alt="Instagram">
</div>
<p>Belfast Virtual Shopping Centre - Copyright 2020</p>
</div> Ответ №1:
Закройте гиперссылки символом </a> . Например:
<a href="https://www.facebook.com/studyatulster/">
<img id="Facebook" src="Facebook.png" alt="Facebook">
</a>
В противном случае браузер пытается исправить структуру разметки для вас, и он не всегда может угадать правильно.
Комментарии:
1. Это сработало отлично, спасибо! Оказывается, у меня было открытие <a>, а не закрытие </a>, поэтому я добавил их, и все сработало идеально.
Ответ №2:
Вам нужно завершить <a> теги, чтобы «связывание» не продолжалось.
<div id="footer">
<div class="Socials">
<a href="https://www.facebook.com/studyatulster/">
<img id="Facebook" src="Facebook.png" alt="Facebook"
/></a>
<a
href="https://twitter.com/UlsterUni? ref_src=twsrc^google|twcamp^serp|twgr^author"
>
<img id="Twitter" src="Twitter.png" alt="Twitter"
/></a>
<a href="https://www.instagram.com/ulsteruni/?hl=en">
<img id="Instagram" src="Instagram.png" alt="Instagram"
/></a>
</div>
<p>Belfast Virtual Shopping Centre - Copyright 2020</p>
</div>
Ответ №3:
Вы должны закрыть свои теги!
<a href="https://www.facebook.com/studyatulster/">
<img id="Facebook" src="Facebook.png" alt="Facebook"/>
</a>
И если это не требует закрытия, как изображение, вы можете поместить косую черту в открывающий тег, как показано в примере кода.