Как сделать HTML баннер кликабельным ?

@Cyberans · Регистрация: 20.12.2017

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

Добрый день, помогите пожалуйста на сайте есть скользящий баннер, нужно его сделать кликабельным для перехода на другой сайт. Как можно это сделать ???

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="hide-on-mobile">
<div id="ad">
<iframe 
show-overlay="true" 
src="banners/vpark/vpark.html" 
frameborder="0" 
animation="slideboxleft" 
style="position: fixed; bottom: 0px; left: auto; visibility: visible; opacity: 2; left: 0px; margin: 0px; height: 400px; max-height: 400px; z-index: 3; display: block; top: auto;"
class="mailerlite-form-slidebox"> 
</iframe>
</div>
</div>

@katrin2366 · 21.12.2017, 10:19

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<a href="#">
    <div class="hide-on-mobile">
<div id="ad">
<iframe 
show-overlay="true" 
src="banners/vpark/vpark.html" 
frameborder="0" 
animation="slideboxleft" 
style="position: fixed; bottom: 0px; left: auto; visibility: visible; opacity: 2; left: 0px; margin: 0px; height: 400px; max-height: 400px; z-index: 3; display: block; top: auto;"
class="mailerlite-form-slidebox"> 
</iframe>
</div>
</div>
</a>

Попробуйте так

@Cyberans · 21.12.2017, 10:32 **[ТС]**

Так не работает тоже =(

Добавлено через 6 минут
Ребят есть еще варианты ?

@katrin2366 · 21.12.2017, 10:38

HTML5
1
2
3
4
5
6
7
<style>
div {cursor: pointer;}
</style>
 
<div onclick="location.href='http://google.com';">
<iframe ></iframe>
</div>

У меня так сработало

@Cyberans · 21.12.2017, 13:31 **[ТС]**

Странно у меня не работает, в чем может быть проблема?

Добавлено через 2 часа 17 минут
Ребят есть еще варианты ?

@katrin2366 · 21.12.2017, 16:59

HTML5
1
2
3
4
5
6
7
8
9
10
<iframe 
show-overlay="true" 
src="index.html" 
frameborder="0" 
animation="slideboxleft" 
style=" bottom: 0px; left: auto; visibility: visible; opacity: 2; left: 0px; margin: 0px; height: 400px; max-height: 400px; z-index: 3; display: block; top: auto;"
class="mailerlite-form-slidebox"> 
</iframe></div>
</div>
</div>

Заработало без: position: fixed;

@Cyberans · 22.12.2017, 06:41 **[ТС]**

Попробовал Ваш вариант, к сожалению это тоже не сработало (да и баннер нужен был скользящий). В итоге залез в сам баннер и отредактировал его. Всем спасибо.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Cyberans 0 / 0 / 0 Регистрация: 20.12.2017 Сообщений: 14
	21.12.2017, 10:32 [ТС]
	Так не работает тоже =( Добавлено через 6 минут Ребят есть еще варианты ? 0

@Cyberans 0 / 0 / 0 Регистрация: 20.12.2017 Сообщений: 14
	21.12.2017, 13:31 [ТС]
	Странно у меня не работает, в чем может быть проблема? Добавлено через 2 часа 17 минут Ребят есть еще варианты ? 0

@Cyberans 0 / 0 / 0 Регистрация: 20.12.2017 Сообщений: 14
	22.12.2017, 06:41 [ТС]
	Попробовал Ваш вариант, к сожалению это тоже не сработало (да и баннер нужен был скользящий). В итоге залез в сам баннер и отредактировал его. Всем спасибо. 0