Как сделать ссылку тега div на домашнюю страницу?
-
05-07-2019 - |
Вопрос
http://www.winteradagency.com/Arvin/advantages/advantages.htm
Мне нужен логотип в верхнем левом углу, чтобы ссылаться на домашнюю страницу этого сайта.Я не могу понять, как сделать так, чтобы в теге был тег привязки.
Спасибо!
Решение
Добавьте такой элемент в div заголовка, чтобы разместить прозрачную ссылку поверх логотипа:
<a href="/" id="logo"> </a>
Добавьте это в таблицу стилей:
#logo { position: absolute; left: 31px; top: 26px; width: 190px; height: 190px; }
Другие советы
Я не вижу логотипа в верхнем левом углу;В верхней части страницы есть красный блок, затем посередине начинается «Стимулы», а остальные варианты идут справа.Непонятно, чего вы хотите, чтобы вернуться на главную страницу.
Я не уверен, что это реальный вопрос, учитывая простоту ответа.Могу только предположить, что пропустил что-то очевидное.Но для решения:
Мне нужен логотип в верхнем левом углу, чтобы ссылаться на домашнюю страницу этого сайта.
Вот это:
<div id="whatever_id">
<a href="path/to/page.html" title="path to page"><img src="path/to/image.png" alt="this is a link to whatever page." /></a>
</div>
Адресовать:
Я не могу понять, как сделать так, чтобы в теге был тег привязки.
Насколько я знаю, ты не можешь гнездиться <a>
теги.Могу ошибаться, но я уверен, что читал, на Сайт Эрика Мейера (и нет, я не могу найти статью, извините), что это было невозможно.Возможно, это можно сделать с помощью JS?
Поскольку весь ваш заголовок представляет собой одно изображение (включая логотип), для этого вам потребуется использовать карту изображений.Я знаю, что у Dreamweaver есть простой способ их создания.Бинг возвращается этот для первой ссылки.
Вам нужно добавить тег карты который покрывает область, где находится логотип.
Пример:Обратите внимание, что координаты должны быть фактическими координатами области, на которую вы хотите иметь возможность щелкнуть.
<map name="logomap">
<area shape="poly" coords="x1,y1,x2,y2,..." href="/" alt="Home" />
</map>
<div>
это просто тег блока.
Теги в HTML делятся на блочные и встроенные теги.
<a style="display:block">
будет действовать так же, как div.Вы заменяете тег за тегом, выполняя небольшие изменения в CSS:добавление {display:block} и, возможно, {text-decoration:none;черный цвет;курсор: нормальный}