stas9238 0 Опубликовано: 20 января 2015 Рассказать Опубликовано: 20 января 2015 (изменено) http://kino-maniac.r...heyn-ostin.html Здравствуйте! Срочно нужна ваша помощь. Кнопка "СМОТРЕТЬ ОНЛАЙН", то что находится в блоке div (плеер) не кликабельная область получилась. вот код: <div class="wrapper"> <div class="left_block"> <!--noindex--> [xfgiven_torrent]<a href="[xfvalue_torrent]"><img src="http://kino-maniac.ru/templates/kinoman/images/torrent11.png" alt="Скачать {title} "></a>[/xfgiven_torrent] [xfnotgiven_torrent]<img src="http://kino-maniac.ru/templates/kinoman/images/torrent13.png" alt="Скачать {title} пока невозможно">[/xfnotgiven_torrent] <!--/noindex--> </div> <div class="right_block"> [xfgiven_film]<a href="javascript://;" onclick="$('#ID').slideToggle('slow');" ><img src="http://kino-maniac.ru/templates/kinoman/images/online2.png" alt="Смотреть онлайн {title} "></a> <div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;"> <div id="movie"> <iframe src="[xfvalue_film]" frameborder="0" height="400" width="709" ></iframe></div> </div>[/xfgiven_film] </div> </div> Причина в этой строке: margin-left: -364px; padding-bottom: 10px; Подскажите, как сделать чтобы отображалось как сейчас все и плеер стал кликабельным? Изменено 20 января 2015 пользователем stas9238 Цитата Ссылка на сообщение Поделиться на других сайтах
odys 384 Опубликовано: 20 января 2015 Рассказать Опубликовано: 20 января 2015 stas9238, чтобы div понял отрицательный отступ, его нужно абсолютно позиционировать такая конструкция не правильная <div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;"></div> нужно делать так: <div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;position:absolute;"></div>[/code] Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 20 января 2015 Рассказать Опубликовано: 20 января 2015 (изменено) Автор stas9238, чтобы div понял отрицательный отступ, его нужно абсолютно позиционировать такая конструкция не правильная <div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;"></div> нужно делать так: <div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;position:absolute;"></div>[/code] спойлер не работает теперь. точнее он работает, но не смещает нижнее видео. Изменено 20 января 2015 пользователем stas9238 Цитата Ссылка на сообщение Поделиться на других сайтах
odys 384 Опубликовано: 20 января 2015 Рассказать Опубликовано: 20 января 2015 stas9238, <div class="wrapper"> <div class="left_block"> <!--noindex--> [xfgiven_torrent]<a href="[xfvalue_torrent]"><img src="http://kino-maniac.ru/templates/kinoman/images/torrent11.png" alt="Скачать {title} "></a>[/xfgiven_torrent] [xfnotgiven_torrent]<img src="http://kino-maniac.ru/templates/kinoman/images/torrent13.png" alt="Скачать {title} пока невозможно">[/xfnotgiven_torrent] <!--/noindex--> </div> <div class="right_block"> [xfgiven_film]<a href="javascript://;" onclick="$('#ID').slideToggle('slow');" ><img src="http://kino-maniac.ru/templates/kinoman/images/online2.png" alt="Смотреть онлайн {title} "></a>[/xfgiven_film] </div> [xfgiven_film]<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;"> <div id="movie"> <iframe src="[xfvalue_film]" frameborder="0" height="400" width="709" ></iframe></div> </div>[/xfgiven_film] </div> Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 20 января 2015 Рассказать Опубликовано: 20 января 2015 (изменено) Автор stas9238, <div class="wrapper"> <div class="left_block"> <!--noindex--> [xfgiven_torrent]<a href="[xfvalue_torrent]"><img src="http://kino-maniac.ru/templates/kinoman/images/torrent11.png" alt="Скачать {title} "></a>[/xfgiven_torrent] [xfnotgiven_torrent]<img src="http://kino-maniac.ru/templates/kinoman/images/torrent13.png" alt="Скачать {title} пока невозможно">[/xfnotgiven_torrent] <!--/noindex--> </div> <div class="right_block"> [xfgiven_film]<a href="javascript://;" onclick="$('#ID').slideToggle('slow');" ><img src="http://kino-maniac.ru/templates/kinoman/images/online2.png" alt="Смотреть онлайн {title} "></a>[/xfgiven_film] </div> [xfgiven_film]<div id="ID" style="display: none; margin-left: -364px; padding-bottom: 10px;"> <div id="movie"> <iframe src="[xfvalue_film]" frameborder="0" height="400" width="709" ></iframe></div> </div>[/xfgiven_film] </div> http://kino-maniac.r...heyn-ostin.html посмотрите не закрывает обратно и не смещает нижнее так же вместо margin-left: -364px; подходит float: right; Вроде как нашел проблему: проблема в главном диве - <div class="wrapper">. Установив высоту 500 - плеер кликабельный но при скрытом плеере от кнопок до трейлера пустота в эти 500 пикселей. Высоту авто - кнопки кликабельные. (стояла высота 50пикселей - высота кнопки). Остался вопрос - как сделать так, что бы <div class="wrapper"> изменял свою высоту по отношению к <div class="right_block">? Ура, все исправил. odys, спасибо за отзывчивость. не подскажешь с этой темой? Изменено 20 января 2015 пользователем stas9238 Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.