HTML Coding

29,542 questions in this forum

1. Вместить элементы в первый экран

   При верстке лендинга возникла проблема: необходимо, чтобы первый экран вмещал в себя все элементы, которые представлены на скрине. Однако, по задумке дизайнера круглые плашки с логотипом и брендами должны быть как бы "лампами", которые связаны с фоновой картинкой блока. Дизайн сделан для разрешения 1600х900, меньший не представлен. Соответственно, если попытаться посмотреть на 1920х1024 или 1366х768, то высота первого экрана 900 это слишком много. Как постепенно уменьшать и кружки, и фоновую картинку, чтобы они совпадали и при этом помещались на первый экран? Вариантов перебрали уже много: сделать кружки картинкой, сделать блоками. В первом случае при умень…

   Asked by mankutila, November 2, 2016

   0 votes
   1 answer
2. Адаптация социальных иконок

   Доброго времени суток, есть блок ширина которого указана в процентах, внутри него есть такая конструкция <div class="block"> <a href="#"><i class="vk"></i></a> <a href="#"><i class="ok"></i></a> <a href="#"><i class="gp"></i></a> <a href="#"><i class="fb"></i></a> <a href="#"><i class="in"></i></a> <a href="#" class="fullwidth">Link</a> </div> элемент с классом fullwidth всегда по ширине в 100% нужно сделать что бы вс элементы без этого класса были inline-block (аля only vertical) и квадратные при услови…

   Asked by karakymg, November 5, 2016

   • соц сети
   • css
   • иконки
   • адаптивные
   0 votes
   1 answer
3. transform:scale() Не работает css transform

   Всем привет! Помогите пожалуйста разобраться в чем проблема. ——————————————————————————————————————————————————-- Ето код html <div class="top_menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">PORTFOLIO</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">CONTACT</a></li> &…

   Asked by pavel_osypov, November 5, 2016

   0 votes
   1 answer
4. На сайте не открывается одна страница на сайте

   Сайт: http://sandraflower.com/ При переходе на пункт меню "О нас" адрес становится: http://sandraflower.com/sandraflower.com/index_about_us как это можно исправить? С остальными пунктами так не происходит Произошло после добавления кода для удаления из адресной строки .html в файл .htaccess Возникает ошибка: Not Found The requested URL /sandraflower.com/index_about_us.html was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

   Asked by Юлия_36, July 19, 2018

   0 votes
   1 answer
5. Базовая линия у inline-block

   <div><p>123</p></div> *{ margin:0; padding:0; } p{ display:inline-block; background:red; overflow:hidden; vertical-align:top; } div{ border:1px black solid; } У inline-block базовая линия проходит через последнюю строку внутри него, после задания инлайн-блоку overflow:hidden; базовая линия стала отсчитываться от нижней границы самого блока из-за этого высота строки контейнера увеличилась. Теперь не могу понять когда при задании инлайн-блоку vertical-align:top; базовая линия начинает проходить снова через последнюю строку внутри него?

   Asked by aqua.77, November 10, 2016

   0 votes
   1 answer
6. Странное поведение центрированием элемента

   Есть элемент 1170px в контейнере 1349px, чтобы получить элемент резиновым я 1170 делю на 1349 получаю 86.73%. Странность в том что когда я этот элемент центрирую через margin:auto то элемент становится на 1 пиксел меньше, а когда центрирую с добавлением левым поля на 90px то он снова становится в нормальном размере. Из-за чего токое поведение? ведь в обоих случаях элемент в центре. <div class="contentWrapper"> </div> * { box-sizing: border-box; margin:0; padding:0; } body{ width:1349px; } .contentWrapper { width: 86.73%; margin:auto; border:1px black solid; height:500px; }

   Asked by aqua.77, November 15, 2016

   0 votes
   1 answer
7. Из-за чего появляются маркер

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

   Asked by aqua.77, November 17, 2016

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

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

   Asked by mstdmstd, November 18, 2016

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

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

   Asked by RadioNurshat, November 19, 2016

   0 votes
   1 answer
10. Выделение элемента

    Блок должен менять цвет при его наведении, но даже если навести на дочерний блок который находится за границами контейнера основной контейнер все равно красится. Получается любой вложенный элемент является частью родителя? <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
11. Как правильно вывести "подменю"?

    Доброго времени суток. Есть шапка, ее стили: 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
12. Проблема с 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
13. Плавное появление выпадающего списка

    Привет! Есть меню которое при наведении показывает выпадающий список, хочу сделать так, чтобы выпадающий список выпадал плавно, нежно:) Знаю только 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
14. Подскажите как сделать плавно выпадающий список

    Привет! Скажите, как сделать чтобы список выпадал не резко, а плавно, в этом меню: http://codepen.io/Anatoliy667986584/pen/WojrqL Хотя бы подскажите какие свойства в какой селектор мне ставить, или если кому не сложно, добавьте нужные свойства в этот код. Я новичок, код кривоват может, но он работает.

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

    • как сделать плавно выпадающий список
    0 votes
    1 answer
15. Drag and drop на чистом css

    Узнал про новое свойство -webkit-user-drag, то, что с помощью него можно перетаскивать элементы и решил попробовать, но почему не перетаскивается? https://jsfiddle.net/d4kgzac1/

    Asked by DivMan, November 24, 2016

    0 votes
    1 answer
16. Как реализовать увеличение карточки товар при ховере как ikea.com?

    Добрый день, подскажите пожалуйста, как реализовать поведение карточки товара при ховере как на странице магазина ikea

    Asked by Drunk_Monkey, November 24, 2016

    • hover effects
    0 votes
    1 answer
17. Ввод данных и их дальнейшее использование

    Как сделать так, чтобы при вводе какого либо текста в поле и нажатия кнопки, которое сохраняет этот текст, выводилось это через алерт в другой функции. Например, я хочу ввести своё имя во время игры. А когда я побеждаю, то выводится alert'ом сообщение "Победил игрок (имя игрока, которое было введено в поле)". Думаю, что понятно объяснил.

    Asked by Kun32216, November 28, 2016

    0 votes
    1 answer
18. Стартовый шаблон для вёрстки, заготовки, часто используемые куски кода

    Всем привет! Вопрос заключается в следующим, используете ли вы какие либо стартовые шаблоны или библиотеки кода, которые облегчают рутинную работу и увеличивают скорость вёрстки? И как они выглядят? Моя предыстория заключается в следующем, был собран стартовый шаблон на основе бутстрапа, исходя из того что код там в любом случае качественнее чем мой. https://github.com/verino/billet Но на основе такой сборки можно верстать сайты адаптивные и нарисованные по сетке бутстрапа. А что делать, если сайт не адаптивный или совсем без сетки. Отключить бутстраповскую сетку и подключить susy например. Или всё же в итоге получается каша и лучше сделать сборку только из…

    Asked by vera17, November 29, 2016

    0 votes
    1 answer
19. Выборочное заполнение фона

    Как сделать чтобы область в левом нижнем углу не заполнялась фоновым цветом? https://jsfiddle.net/0xhypez7/1/ Конечно можно вставить туда картинку, но может как нибудь тенями?

    Asked by aqua.77, November 30, 2016

    0 votes
    1 answer
20. Облегающий внешний контейнер

    Как заставить внешний контейнер q2 заставить облегать блоки находящиеся в нём?. Можно указать width:308px пикселов, но есть ли свойство которое автоматом всё делает? https://jsfiddle.net/1ht5mo7o/1/

    Asked by aqua.77, November 30, 2016

    0 votes
    1 answer
21. Прозрачные границы border:transparent

    Если сделать границы (border-left и border-right) не зелеными, а transparent, то виден фон. Почему виден фон? Background разве не закрашивает только область основного содержимого (до границ)? https://jsfiddle.net/kipes/nzy9mhnf/3/

    Asked by Delat, December 2, 2016

    • transparent
    • прозрачные границы
    0 votes
    1 answer
22. меню на сайте не уменьшается

    сайт https://ok-mnenie.ru/2index.html если сжимаю ширину браузера то меню не уменьшается в размерах как сделать чтобы уменьшалось?

    Asked by https, December 2, 2016

    0 votes
    1 answer
23. Есть проблема

    Привет, есть 4 блока навигации по сайту - КОД: http://codepen.io/Anatoliy667986584/pen/NbjEPP и есть проблемка: Когда я добавляю в это меню новый раздел, то получается этот раздел нужно добавить на каждую страницу в меню навигации - для того чтобы с каждой страници можно было переходить на этот новый раздел. А если у меня будет много страниц ? То при добавлении в меню навигации какой либо ссылки , раздела - мне потребуется переделывать это меню на всех страницах, и это напрягает. Существует ли какое более просто решение, как сделать так, чтобы при изменении меню навигации на главной странице, оно изменялось автоматически на всех страницах ?

    Asked by Анатолий1944, December 3, 2016

    • как это работает
    0 votes
    1 answer
24. Как отметить действие по умолчанию для нативного элемента select в мобильных устройствах?

    Ребят, есть несколько проблем, связанные с select2 на мобильных. К сожалению, заказчик попросил оставить на мобильных именно select2. 1) Как сделать так, чтобы варианты выбора в select2 выпадали именно вниз, а не вверх? Т.е. вот так НЕ надо: http://take.ms/RxNi0 2) В мобильных, опять же, когда щёлкаешь на селект, то пользователей выбирает количество комнат два раза. Т.е. сначала выпадает варианты выбора селекта, а потом нативные (которые на мобильных): https://monosnap.com/file/opKnC5yFg3TN02npA6vbTGLhG11aah . Как сделать так, чтобы убрать нативный (мобильный), а оставить только выпадушку от select2? 3) Пользователей опять делает два действия, сначала выпа…

    Asked by psywalker, December 3, 2016

    • select2
    0 votes
    1 answer
25. Сайдбар съезжает при запрете комментариев к записи

    Подскажите, пожалуйста, почему может съезжать сайдбар при отключении комментариев к записям. Отключаю их так: в списке записей отмечаю галочкой одну, затем нажимаю "Изменить" и "Применить". Вверху появляется название записи и ее параметры. Там запрещаю комментирование стандартными функциями Ворпресс. После этого оба сайдбара и правый и левый съезжают вниз под боди. Что нужно прописать в стилях, чтобы сайдбары не съезжали? Если комментарии разрешены, то код на странице вот такой: <div class="coment-titles"><span class="comments-post"></span><a href="http://test.ru/hglkdhoas/#respond"><span class="leave-reply">Написать сообщени…

    Asked by StOK, December 3, 2016

    • сайдбар съезжает
    0 votes
    1 answer