Как сделать блок кликабельным

@Dimon25 · Регистрация: 06.03.2017

Студворк — интернет-сервис помощи студентам

Имеется код

HTML5
1
2
3
4
5
6
7
8
<header>
        
            <div class="row">
 
            <div class="fon" 
            <div id="cart_informer" style='min-width:240px;'>{include file='cart_informer.tpl'}</div>
                        </div>
</div>

оборачиваю "fon" в "a"

HTML5
1
2
3
4
5
6
7
8
9
10
11
<header>
        
            <div class="row">
            <a href="http://site.ru">
            <div class="fon"</div>
                    </a>    
                <div id="cart_informer" style='min-width:240px;'>{include file='cart_informer.tpl'}</div>
                        </div>
</div>
            
                </div>

нифига не происходит т.е. картинка не кликабельна, а в отладчике вижу вот что - вложение.
Что за чудеса? очему ссылка двоится и как все же сделать фон кликабельным?

@sash23 · 08.04.2019, 22:08

Dimon25, сделайте

HTML5
1
<a class="fon" href="http://site.ru"></a>

и обязательно в класс fon добавить display: block;

Комментарий модератора

Используйте соответствующие теги в редакторе для форматирования кода [HTML], [CSS] и т.д.!

@Dimon25 · 08.04.2019, 23:00 **[ТС]**

sash23 не получается.

CSS
1
2
3
a.fon {
display:block;
}

HTML5
1
2
3
4
            <a class="fon" href="http://site.ru">
 
            <div class="fon"</div>
                    </a>

если делать так, картинка удваивается, корзина сползает вниз на дубль, а вот верхняя, родная - становится кликабельной. Но без корзины )

@sash23 · 08.04.2019, 23:52

див уберите. оставьте только ссылку

@mrtoxas · 09.04.2019, 00:52

Сообщение от Dimon25

Почему ссылка двоится

Смотрим внимательно сюда:

HTML5
1
<div class="fon"</div>

Новые блоги и статьи Все статьи Все блоги /
Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .

@sash23 563 / 410 / 259 Регистрация: 31.05.2016 Сообщений: 1,105
	08.04.2019, 23:52
	див уберите. оставьте только ссылку 1