HTML Coding

29,542 questions in this forum

1. Активация 2х Div'vov при наводке на род. div

   Активация 2х Div'vov при наводке на род. div Добрый день, у меня возникла проблема, есть 2 блока которые имеют ховеры с разными цветами. Я вложил их в родительский div, но никак не могу понять: как сделать чтобы при наводке на родительский блок активировались вложеные дивы одновременно: <div class="horse"><a href="#"> <div class="onse"><p>ПОКУПКА 300 КЛЮЧЕЙ</p></div> <div class="prc"><p>1650^руб.</p></div> </a></div>

   Asked by recjles, February 3, 2017

   0 votes
   2 answers
2. прозрачный блок перекрывает ссылку

   Добрый день! Есть проблема в срабатывании ссылки, все понятней из изображения для примера. Т.е. и галочка и лапа являются ссылками на разные страницы, но на лапу нельзя нажать, т.к. она фактически находится за галочкой, как решить эту проблему? Изображения тестовые, svg не обойтись. Заранее благодарю за помощь.

   Asked by Fate-ol, February 1, 2017

   • ссылка
   • прозрачность слоев
   0 votes
   5 answers
3. убегает в низ видео на сайте

   Здравствуйте уважаемые,посоветуйте что можно сделать. При просмотре сайта через телефон убегает вниз видео от ютюба. Вот скрин http://prntscr.com/e2vnbe на самом деле оно должно стоять в ноутбуке. В обычном режиме это выглядит так http://prntscr.com/e2vpxf. вот html <div class="sls"> <div class="container"> <div id="featured"> <div class="content" style=""> </div> <a href=""><iframe width="580" height="370" src="https://www.youtube.com/embed/k0gffKCi9CE" frameborder="0" allowfullscreen></iframe></a> …

   Asked by boris 1966, January 31, 2017

   • видео картинка смещение адаптация
   0 votes
   2 answers
4. Отображение полей при переходе

   Экспериментировал над задачей и наткнулся на довольно странное явление: в примере, при переходе, правые полоски дольше держаться, а при появлении, быстрее отображаются. Если убрать фон (4 и/или 52 строчка CSS), то вроде переход и слева, и справа, происходит одинаково... Проверил в трёх браузерах и либо у меня конкретное косоглазие, либо браузеры работают по какому-то определённому алгоритму, который я не понимаю (ну либо в коде я что-то напортачил). Может кто разъяснит? Спасибо!

   Asked by Launder, October 26, 2016

   • transition
   0 votes
   2 answers
5. Помогите отредактировать шаблон

   Нужно заменить "Continue reading" на "Читать далее" в этом шаблоне - http://gooyaabitemplates.com/livepreview/recipes-food/ Перерыл весь код, но так и не нашел, где это можно сделать. Пожалуйста, помогите!

   Asked by trapstar, January 31, 2017

   0 votes
   0 answers
6. Модальное окно плагина jq UI

   Как заставить модульное окно закрыться при щелчке по любому месту за пределами окна? $('.dial').dialog({ autoOpen:false; //Изначально закрыто }); $('img').click(function(){ $('.dial').dialog("open"); //По щелчку по картинки открывается }); $(document).click(function(){ $('.dial').dialog('close'); //По щелчку на любом месте закрывается });

   Asked by aqua.77, January 31, 2017

   0 votes
   0 answers
7. Как задать условия для видимости табов bootstrap 3, при размещении навигации табов в collapse меню?

   Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на р…

   Asked by Drunk_Monkey, January 31, 2017

   • bootstrap
   • jquery
   0 votes
   0 answers
8. Как вывести символ в качестве фона?

   нужно для аккордиона, пока использую картинки - но понимаю, что оптимальнее сделать это символами вот нужен "+" , вместо картинки крестика .accordion-header li { background:url("") no-repeat; background-position:right; }

   Asked by nikki4, January 31, 2017

   0 votes
   1 answer
9. Всегда ли кодировка windows-1251 это плохо?

   Очевидна огромная разница между 2 байтами на символ кириллицы и одним. В моей деятельности существуют системы где 1 000 000+ сообщений кириллицей это обыденность. Под этот массив данных пишутся обработчики, парсеры и тд. Я не специалист, но наверно скорость работы будет отличаться. В сети windows-1251 характеризуется всегда догматично — устарелая фигня, юзай utf-8. Всегда ли windows-1251 это плохо? И почему?

   Asked by Anymaxis, January 31, 2017

   • windows-1251
   • utf-8
   • кодировка
   0 votes
   2 answers
10. Скачет гармошка

    Взял за основу такой аккордион: http://ruseller.com/lessons.php?rub_id=2&id=1195 Начал вставлять его в движок, но чето работает не так как в демке, при клике экран смещается http://cssdeck.com/labs/upg89em0 Как сделать чтобы экран не скакал? Или может подскажите другой рабочий аккордион с похожим эффектом? (плавное раскрытие при клике на один из пунктов и закрытие другого пункта) Нашел еще один скрипт и тоже не работает... Нашел третий скрипт - он заработал. Но там надо jquery подключать в начале

    Asked by nikki4, January 30, 2017

    0 votes
    1 answer
11. Несоответствия результата и psd-исходника

    Всем привет. Ознакомившись с азами, взялся верстать простенький макет, скачанный из Сети. Однако столкнулся с неожиданными проблемами, причем, не каким-тот там позиционированием, а с несоответствием psd-макета и результата. Итак, скрин PSD-макета: Теперь скрин из браузера: Фон задавал как обычно: дефолтный + url картинки. Но… В точке 1 обозначил ступенчатый переход, он виднеется по периметру с двух сторон, где картинка накладывается на фон. При этом, на макете не нашел ни градиентов, ни дополнительных фонов. Цвета, естесно, копировал, а не на глаз. Я понимаю, что он из-за перепада цветов, но почему ж эт…

    Asked by Raritet, January 27, 2017

    0 votes
    2 answers
12. Вопросы в верстке e-mail в Zurb Foundation

    Помогите пожалуйста доверстать письмо. Вопросов несколько - буду выкладывать по степени формирования. Заранее спасибо всем кто не бросил начинающего. Пишу в Zurb Foundation 2, с помощью Inky и sass 1. Как сделать полосу во весь экран? (номер строки html кода: 144-151) 2. Мой SblimeText подсвечивает вопросы в строчках кода у body и table. Такая же история в конце кода с этими же тэгами. Если навести ничего не показывает, или редко ненадолго говорит об ошибке со скобками. Как побороть? basic.html app.scss

    Asked by rapman477, January 30, 2017

    • e-mail
    • html
    • zurb foundation for emails 2
    • gulp
    • sass
    0 votes
    0 answers
13. Подключение js к html

    Есть код, к которому надо подкл js файл, но файл не хочет выполняться, а когда скрипт в html, то выполняеться Сам скрипт <script type="text/javascript"> $(document).ready(function(){ $(".mymagicoverbox").click(function() { $('#myfond_gris').fadeIn(300); var iddiv = $(this).attr("iddiv"); $('#'+iddiv).fadeIn(300); $('#myfond_gris').attr('opendiv',iddiv); return false; }); $('#myfond_gris, .mymagicoverbox_fermer').click(function() { var iddiv = $("#myfond_gris").attr('opendiv'); $('#myfond_gris').fadeOut(300); $('#'+iddiv).fadeOut(300); }); }); </script> Так не работает <html&…

    Asked by khomchenko, January 29, 2017

    • js
    0 votes
    1 answer
14. Как выстраиваются строковые блоки внутри контейнера строки?

    Привет. 1. Первый вопрос по CSS. Если задать font-size>line-height, например, font-size:24px и line-height:12px, то половинный интервал будет отрицательным (-6px). не могу представить поведение строчного элемента, когда у него половинный интервал отрицательный. <p style="fontsize: 12px; lineheight: 12px;"> This is text, <em>some of which is emphasized</em>, plus other text<br> which is <strong style="fontsize: 24px;">strongly emphasized</strong> and which is<br> larger than the surrounding text. </p> Не понимаю, почему в данном примере контейнер строки по высоте равен 15 пикселей (источник - кн…

    Asked by DimonQwertyevich, January 28, 2017

    • css
    • css3
    0 votes
    4 answers
15. Добавление логотипа img приводит к смещению inline-block элемента вниз

    Здравствуйте, Ссылка на проблему https://jsfiddle.net/gzemlyakov/wkzgfj2h/ Столкнулся с проблемой позиционирования inline-block элемента(nav) после логотипа(img). При добавлении inline-block элемента после картинки, элемент съезжает вниз на расстояние, приблизительно равное, высоте картинки. Если убрать картинку и добавить еще один inline block элемент, то смещения вниз не происходит. Я попробовал выставить display: inline-block, также, для картинки, но это не помогло решить проблему. Если вместо img поместить другой inline элемент, например span, смещения вниз не происходит. Основной вопрос как позиционируется img и чем его позиционирование отличается от осталь…

    Asked by twelve_chairs, January 28, 2017

    0 votes
    1 answer
16. Вложенный блок в ссылку

    Почему происходит такое поведение блока в котором есть ссылка? https://jsfiddle.net/jgpkow1m/ если же в блок положить другой элемент например абзац, то всё нормально.

    Asked by aqua.77, January 26, 2017

    0 votes
    1 answer
17. Настройка выпадающего списка

    Добрый вечер. На сайте Над шапкой сделаны номера, при наведении они раскрываются, а если смотреть на моб версии на них нужно нажать и они откроются. Подскажите пожалуйста как сделать что бы номера на моб версии закрывали при нажатии на главный номер.

    Asked by saine, January 23, 2017

    0 votes
    7 answers
18. Расположение тега через div

    Мне нужно расположить этот текст слева, внизу, но получается только по центру. При этом, надо чтобы он оставался внизу даже если тело будет увеличено. Вот код, ошибку искать пытался пытался путём поисков разных атрибутов css: <html> <head> <meta charset="utf-8"> <title>ИС-41521</title> <style> <style> .lol { position: relative; top: 90px; } </style> </head> <body> <div class="lol"> <center style="float:left;"> <p>Куда-нибудь нужно это положить?</p> </center> </div> </body> </html>

    Asked by ErUnDAK, January 26, 2017

    0 votes
    1 answer
19. Фиксированная запись при прокрутке

    Как можно сделать фиксированную запись, типо создателя сайта, когда крутишь страницу и эта надпись была всегда в левом нижнем углу?

    Asked by ErUnDAK, January 26, 2017

    • css
    0 votes
    2 answers
20. Как делать значки соц. сетей через css?

    Разобрался. Это шрифт специальный. Font Awesome Icons .fa-pinterest::before { content: ""; } А чтобы инвертировать цвет написал: background: black; color: white;

    Asked by nikki4, January 26, 2017

    0 votes
    0 answers
21. передать значение href в src фрейма по нажатию на одну из ссылок

    Доброго времени суток, помогите сообразить конструкцию. Есть ссылки, например: <a href="one.html" target="modal">link 1</a> <a href="two.html" target="modal">link 2</a> <a href="three.html" target="modal">link 3</a> И сам фрейм: <iframe name="modal" src="0" id="modalfrm"></iframe> Как по нажатию на ссылку открыть во фрейме ее href="" (при этом оставаться на этой же странице) я сообразил. Не могу сделать модальное окно с фрейма используя только css Есть варианты? Хотелось бы увидеть ваш подход к этому делу. Нашел один из способов сделать модальное окно "CSS Only" Ссылка открывающая модальное …

    Asked by karakymg, January 26, 2017

    • a href
    • target
    • iframe
    • modal
    0 votes
    0 answers
22. Не могу запустить слайдер

    День добрый , скопировал лендинг http://land-gooods.ru/kylieedition-a2/ wget-ом , а в копии не работает слайдер. Подскажите куда копать.

    Asked by Satis, January 26, 2017

    • лендинг слайдер
    0 votes
    0 answers
23. Ожидание действия

    Вот меню:https://jsfiddle.net/b5uma4re/2/ Если на вкладке "О нас" несколько раз наводить и убирать указатель мыши, то подменю будет выезжать несколько раз. Как сделать чтобы подменю реагировало только если указатель находится 500 миллисекунд ? т. е. если указатель продержался 400 миллисекунд и убрался то подменю не появляется.

    Asked by aqua.77, January 24, 2017

    • jquery
    0 votes
    5 answers
24. Рамка с декоративным элементом

    Подскажите, как можно сделать такую рамку:

    Asked by Apofys, January 25, 2017

    0 votes
    1 answer
25. Тень для кнопки

    Подскажите, как сделать тень для кнопки? У одних кнопок на сайте class="submit" у других class="css-button". Пожалуйста, закройте тему. Справилась своими силами.

    Asked by StOK, January 25, 2017

    • тень для кнопки
    0 votes
    0 answers