HTML Coding

29,542 questions in this forum

1. Плавное появление выпадающего списка

   Привет! Есть меню которое при наведении показывает выпадающий список, хочу сделать так, чтобы выпадающий список выпадал плавно, нежно:) Знаю только html+css, желательно решение на этих языках нужно. Я новичок, подскажите пожалуйста нужный код, и куда нужно его вписать. Вот коротко код одного раздела меню: HTML: <nav id="menuVertical"> <ul> <li>Раздел меню<span id="kolichestvo">( 22 )</span> <ul> <li class="test_2">Выпадашка</li> <li class="test_2">Выпадашка</li> <li …

   Asked by Анатолий1944, November 22, 2016

   • плавное появление выпадающего списка
   0 votes
   1 answer
2. Непрозрачное содержимое на полупрозрачном фоне

   Здравствуйте! Как отобразить содержимое блока непрозрачным, а фон блока задать полупрозрачным?

   Asked by hike, November 22, 2016

   0 votes
   4 answers
3. Странные точки из ниоткуда в меню ul и li

   Здравствуйте! Помогите пожалуйста, откуда берутся эти долбанные точки? всю голову уже сломал: - удалял стили совсем, либо только меню/всё остальное - отключил этот awesome - менял скрипт jquery talium.rar

   Asked by Sk1lful, November 21, 2016

   0 votes
   2 answers
4. Проблема с div'ами и ul меню

   Привет всем! Помогите решить проблему. http://codepen.io/anon/pen/jVBmaP вот накидал пример. в блок c id header (у которого есть фон) помещеню ul меню. В медиазапросах указано что при достижении такой-то ширины убрать логотип. Лого удаляется, но вместе с ним и само меню, т.к. оно также находится в div id="header". Вынос меню за пределы дива ничего не дал. Напротив появился разрыв между блоком #content и шапкой. Помогите решить проблему! Или чтобы не было разрывов между блоками когда меню находится вне блока див с ид header, либо чтобы после исчезновения шапки с логотипом, менюшка оставалась однако при этом смещалось вверх и весь остальной контент тоже.

   Asked by genuine92, November 21, 2016

   0 votes
   1 answer
5. организовать слайдер с картинками на разных девайсах

   Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…

   Asked by mstdmstd, November 21, 2016

   • bootstrap slider
   0 votes
   3 answers
6. Как правильно вывести "подменю"?

   Доброго времени суток. Есть шапка, ее стили: position:fixed; top:0; width:100%; margin:10px 0px; height:60px; есть кнопка в этой шапке, по нажатию которой нужно плавно снизу вывести меню с такими же стилями (главное что бы width:100%; и height:60px;) обработчик нажатия кнопки я сам повесил (toggleClass) Изначально меню должно быть например (opacity:0;bottom:0;z-index:-1;) по нажатию добавиться стиль в котором будет (bottom:-60px;opacity:1;), плавности добавит transition Но у меня пока толкового ничего не выходит, может кто подскажет как правильно сделать?

   Asked by karakymg, November 21, 2016

   • css
   • html
   • подменю
   0 votes
   1 answer
7. Как правильно сверстать этот блок?

   В общем, есть такой блок(см. прикрепленные файлы). Так же есть спрайт с иконками для каждого пункта. Я написал такой код для каждого айтема. И у меня возник такой вопрос: как лучше разместить иконки в айтеме? Читал, что нужно делать в CSS через background, но тогда придется дублировать код и нужно будет давать уникальные имена айтемам. Или же всё таки в этом случае использовать тэг img? Хотелось бы услышать мнение бывалого специалиста) p.s. для разметки использовалась сетка bootstrap <div class="row"> <div class="services"> <div class="col-md-4"> <div class="service-item"> <h3>Photography</h3> <p…

   Asked by hetsketch, November 21, 2016

   0 votes
   4 answers
8. Подпись на картинке через position: absolute не работает

   На моем сайте почему-то не отображаются подписи на картинках (раздел Скриншоты, если скроллить). В коде они есть, но перестают отображаться после анимации. Пробовал убрать анимацию - не отображаются и вовсе. Игрался с z-index, тоже не помогло

   Asked by iBars, November 21, 2016

   0 votes
   3 answers
9. Как сделать вертикальное позиционирование блоков

   Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.

   Asked by alleclf, November 20, 2016

   0 votes
   4 answers
10. Проблема с текстом <p>

    Подскажите пожалуйста почему текст в моем <p> переходит на главную страницу, причем ссылка занимает всю строку. Я догадываюсь что проблема в <h1>, но не понимаю как они друг другу мешают. Мне надо чтобы текст в <p> отображался как обыкновенный текст, а не ссылка. <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="styles.css"> <style> e{ font-family: Impact; } </style> </head> <body> <div class="block"> <header> <h1><a href="index.html"><img src="images/Paplane.jpg" width="1266.7" height="300" </a></h1></…

    Asked by Seergey, November 20, 2016

    • html
    0 votes
    2 answers
11. Мягкий свет как реализовать в css

    Как фотошоповское свойство мягкий цвет сделать средствами css?

    Asked by federal24, November 20, 2016

    0 votes
    0 answers
12. Поведение адаптивного дизайна

    Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

    Asked by aqua.77, November 20, 2016

    0 votes
    3 answers
13. Подскажите как сделать

    Привет! Есть поле ввода имени: <input class="input" id="name" type="text" name="name" placeholder="Введите ваше имя"> Подскажите как сделать так, чтобы при нажатии на поле изменялся цвет текста, который заключён в placeholder="Введите ваше имя". Хочу сделать чтобы текст светлел, когда пользователь кликает на поле ввода.

    Asked by Анатолий1944, November 20, 2016

    0 votes
    2 answers
14. Прикрепить footer в Bootstrap

    Проблема с footer в Bootstrap макете. Скриншот: Скрытый текст Когда на странице информации много и её нужно скроллить, тогда с подвалом всё нормально, в противном же случае наблюдается такая картина. Как исправить? <footer id="footer" class="footer"><!--Footer--> <div class="footer-bottom"> <div class="container"> <div class="row"> <p class="pull-left">Copyright © 2017</p> <p class="pull-right">Пожарский Ярослав</p> </div> </div> </div> </footer><!--/Footer--> Скрытый текст …

    Asked by P0jar, November 19, 2016

    0 votes
    5 answers
15. Выделение элемента

    Блок должен менять цвет при его наведении, но даже если навести на дочерний блок который находится за границами контейнера основной контейнер все равно красится. Получается любой вложенный элемент является частью родителя? <div> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; } p{ width:600px; height:300px; background:red; } div:hover{ background:black; }

    Asked by aqua.77, November 19, 2016

    0 votes
    1 answer
16. Замена стилей расширением

    Хочу менять styles.css на одном сайте, на свой css файл, с помощью расширения Chrome. Подскажите пожалуйста, как это можно делать.

    Asked by RadioNurshat, November 19, 2016

    0 votes
    1 answer
17. Изменения позиционирования

    Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит? <div> <p class="q1"></p> <p></p> </div> div{ width:500px; height:500px; border:1px black solid; position:relative; } p{ position:absolute; left:0; top:0; width:50px; height:50px; border:1px black solid; } div p:first-child { right:110px; }

    Asked by aqua.77, November 19, 2016

    0 votes
    7 answers
18. Как получить все элементы tr из нескольких таблиц (JavaScript)

    Здравствуйте! Есть, например, три таблицы. Для фильтрации по этим трем таблицам одновременно, необходимо получить все элементы tr из всех таблиц. https://jsfiddle.net/kn7L0jn4/1/ Подскажите, пожалуйста, как это правильно сделать?

    Asked by volshebnyi, November 19, 2016

    0 votes
    4 answers
19. В fancybox чтобы видна была одна иконка и кликом открывалась галерея

    Всем привет, А можно ли используя fancybox( с примерами http://fancyapps.com/fancybox/#examples ) сделать чтобы видна была одна иконка и кликом на ней открывалась галлерея картинок? Если да, то как? Спасибо!

    Asked by mstdmstd, November 18, 2016

    0 votes
    1 answer
20. Проблема с выпаданием

    Доброго времени суток, подскажите пожалуйста почему происходит выпадание?Замечание по другим "пунктам" приветствуются! http://codepen.io/Kamzed/pen/eBBLoB

    Asked by KamZed, November 18, 2016

    • html
    • css
    • clearfix
    0 votes
    10 answers
21. вопрос по focus

    Всем привет. народ выручайте, столкнулся с проблемой. сделал блок фиксированый и задал ему opacity:0.1; а при наведении значение равное 1 . в этом блоке есть форма (textarea) как сделать чтобы как только форма получала фокус блок тоже принимал значение opacity:1; и становился видимым не дожидаясь пока не него наведут? вот коды https://jsfiddle.net/c6c00ewg/1/

    Asked by green-vik, November 17, 2016

    0 votes
    8 answers
22. Из-за чего появляются маркер

    Вот крайне простой список. Если поставить какое либо значение display например block то маркер сразу исчезает. Почему так происходит? <ul> <li>132</li> </ul> li{ display:block; }

    Asked by aqua.77, November 17, 2016

    0 votes
    1 answer
23. Не закрывается блок по клику на пустой области (windows.onclick)

    Подскажите, пожалуйста, почему может не закрывается меню при клике на пустую область? https://jsfiddle.net/72u624g5/4/ Заранее благодарю за помощь!

    Asked by volshebnyi, November 17, 2016

    0 votes
    2 answers
24. Полупрозрачный градиент поверх изображения

    Всем привет! Такой вопрос: как при наведении на <img> наложить полупрозрачный градиент средствами CSS поверх картинки? Структура HTML такая: <div class="item"> <img src="/img/about-us-1.png" alt="#"> </div> Пример: справа - нормальная картинка, слева при наведении.

    Asked by hetsketch, November 17, 2016

    0 votes
    13 answers
25. вопрос по фокусу

    Всем привет. Верстаю шаблон и столкнулся с очень не хорошей проблемой. Суть вот в чем. Сайт на ДЛЕ, и у него есть функция поиска на лету (для тех кто не работал с данной CMS объясню, это когда в поле поиска вводишь и вместе с этим всплывает блок в котором показаны н-ое число материала в которых что ты вводишь есть). теперь о главном, моя форма поиска помещена в сплывающий при наведении блок : Вот код: (так на всякий) .fix-left-icon { width:45px; height:30px; margin-left:5px; margin-top:3px; } .pop-up-left-fix { width:250px; min-height: 30px; left:45px; top:-37px; padding: 10px; border: none; -webkit-border-radius: 5px…

    Asked by green-vik, November 17, 2016

    • фокус
    • focus
    0 votes
    0 answers