Помогите с css. Не могу к картинки привязать сслыку

victor222
На сайте с 29.10.2009
Offline
198
2000

Такая проблема! Сделал лого для сайта! Картинку поместил через css,

#sitelogo {

height: 100px;

position: relative;

background: #219cc5 url(/logo.png) top left no-repeat;

и теперь не могу на нее поставить ссылку. Как сделать, через что?

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#1

display:block;

и ширину тоже нужно указать.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
[Удален]
#2
victor222:
Такая проблема! Сделал лого для сайта! Картинку поместил через css,
#sitelogo {
height: 100px;
position: relative;
background: #219cc5 url(/logo.png) top left no-repeat;


и теперь не могу на нее поставить ссылку. Как сделать, через что?

К примеру так:

<a href="http://#"><div id="sitelogo"></div></a>

maldivec
На сайте с 04.11.2008
Offline
160
#3
karaul777:
К примеру так:
<a href="http://#"><div id="sitelogo"></div></a>

Это не валидно и не правильно.

Проблема в том, ТС, что картинку не надо было через css вставлять. Вставьте через обычный <a href="..."><img src="/logo.png" ...></a>

Ну или если у ж так хочется через css, то как-то так:

<a href="..." id="sitelogo">Логотип сайта</a>

#sitelogo {

height: 100px;

width: Сколько там у вас px;

position: relative;

background: #219cc5 url(/logo.png) top left no-repeat;

text-indent: -9999px;

display: block;

}

ТВЭЛ
На сайте с 29.09.2006
Offline
111
#4

maldivec всё правильно написал и про валидность и про картинку.

Чем картинка в img лучше вставленной через CSS? Тем, что лого будет видно даже с отключенными стилями. Хотя я обычно лого всё же через CSS ставлю.

P.S. И в Alt название сайта (компании). Замечательно получится.

Время не ждёт.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий