HTML Coding

29,542 questions in this forum

1. Почему высота меняется при масштабировании?

   Если изменять высоту экрана, то меню постоянно двигается. Пробовал задать высоту в %, так же max-height не помогает. Как добиться, чтобы при изменении высоты экрана меню и шапка стояли на месте? https://jsfiddle.net/k43cw692/1/

   Asked by viliksar, November 12, 2018

   0 votes
   4 answers
2. Верстка некорректно отображается в IE11

   Сверстал сайдбар с кастомным скроллом, подключил библиотеку для этих целей. Все работает нормально. Но когда проверяешь на browserStack на IE 11, то верстка ломается: Примечательно что когда отключаю эту библиотеку с кастомным скроллом, то на IE все становиться нормально, а когда она подключена вот такая вот ерунда получается. Да, библиотека оборачивает блоки своими блоками, я это учел и прописал свойства наподобие этих: .sidebar__wrapper .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { display: flex; flex-direction: column; min-height: 100vh; } И еще интересный момент: у меня на компьютере тоже есть IE11, но на моем IE11 все отображается нор…

   Asked by yaparoff, November 13, 2018

   0 votes
   0 answers
3. Выравнивание иконок по вертикали

   Добрый день, необходимо сверстать блок как на картинке, но не могу понять как сделать правильно. Пробовал уже разными способами, но адаптивная верстка не получается. Где красная стрелка - там изменяется расстояние между иконками в соответствии с размером текста справа. Иконки соединены вертикальной линией, которая не должна прерываться. Кто подскажет?

   Asked by vvamsk, November 12, 2018

   0 votes
   1 answer
4. Вёрстка сетки товаров.

   Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…

   Asked by Ivan_A, November 11, 2018

   • вёрстка
   • сайт
   • html
   • css
   0 votes
   2 answers
5. Как создать элементы в меню?

   Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое: в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой Как правильно поступить... Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл?

   Asked by viliksar, November 5, 2018

   0 votes
   8 answers
6. Вёрстка сетки товаров.

   Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML Скрытый текст <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> </div> ——————————————————————————- CSS Скрытый текст * { box-sizing:…

   Asked by Ivan_A, November 11, 2018

   • вёрстка
   • сайт
   • сетка товаров
   0 votes
   0 answers
7. Как сделать отступ между Li:before и текстом

   https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

   Asked by nikki4, November 10, 2018

   0 votes
   2 answers
8. Слайдер slick нет левой стрелки

   Подключил слайдер slick, если стрелки вынесены по бокам слайда, все работает, если слайд делаю на всю ширину экрана, стрелкам меняю позицию, левая стрелка проподает. В чем проблема может быть?

   Asked by kudryavi, November 9, 2018

   0 votes
   7 answers
9. Не работает суб меню

   Подскажите что не так сделал, почему не появляется при наведении суб меню? https://jsfiddle.net/5jmutb4e/

   Asked by viliksar, November 9, 2018

   0 votes
   5 answers
10. Как задать меню по всей ширине?

    Не могу понять, как сделать чтобы <li> были по всей ширине контейнера меню. Например последний с права элемент норм ужался к краю контейнера. А слева между контейнером и первой <li> есть пустое место. Маржин с лева пробовал, но в таком случае с права образуется пустое место . https://jsfiddle.net/Lj3en6q0/2/

    Asked by viliksar, November 8, 2018

    -1 vote
    4 answers
11. Сделать кружок списка с фоном при наведении на ссылку

    При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: http://joxi.ru/4AkkNXoFyD0yyA пробовал вместо li a, делать структуру a li но тогда вообще пропадает кружок: http://joxi.ru/vAWNQEKc1ZB1d2 придумал способ, просто вставить span с кружком, но как ему задать стили, чтобы был по центру? когда задаю ему фонтсайз, то он поверху становится http://joxi.ru/Drl1JxocvDGKJm Придумал! top: 20px; position: relative; Но конечно это костыль. Может можно сделать чтобы к li применялся фон и цвет при наведении на li a?

    Asked by nikki4, November 8, 2018

    0 votes
    1 answer
12. Почему область не кликабельная?

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

    Asked by viliksar, November 9, 2018

    0 votes
    1 answer
13. Error: Bad value 100% for attribute width

    В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/

    Asked by viliksar, November 8, 2018

    0 votes
    1 answer
14. Изменение стилей div при наведении на кнопку меню

    • Есть меню с выпадающим подменю; • При наведении на кнопку в выпавшем подменю нужно изменить background в стороннем div; • div и меню не связаны между собой; /*Фрагмент меню*/ ul li .submenu .sub_1 + .bg a { background: url('../img/0.png') no-repeat; } ul li .submenu .sub_1:hover + .bg a { background: url('../img/1.png') no-repeat; } /*-Фрагмент меню*/ .headerbg{ background: url('../img/Main.png') no-repeat; width: 1170px; height: 598px; position: relative; } .bg{ width: 609px; height: 425px; position: absolute; top: 76px; left: 279px; } Это последний вариант который я попробовал. Пишу методом научного тыка, не профессионал, со стилями р…

    Asked by ROLFNST, November 7, 2018

    0 votes
    5 answers
15. Выбрать инпут в диве

    нужно выбрать инпут $('input[name=arrFilter_309]:checked') в диве с классом content. Это код JS но всё же выбор как я понимаю CSS. Подскажите как это будет выглядеть, что то типа $('content:input[name=arrFilter_309]:checked') но это я от балды. хотя что то я вообще туплю, заработался, так сработало. $('content input[name=arrFilter_309]:checked')

    Asked by SoFuWa, November 8, 2018

    0 votes
    0 answers
16. Работа слайдера с bootstrap

    Имеется слайдер, "//" если удалить эти строки , то все работает. Там collapse от bootstrap, скрыть и показать блок. Скрытый текст А когда всё на месте, с скрытием, то он показывает так Скрытый текст Помогите исправить, сложно найти рабочий подобный слайдер. Есть мнение что конфликтуют JS, но как их поставить чтоб всё норм было. <!-- Наружная реклама --> <div id="collapse_1" class="collapse" aria-labelledby="heading_1" data-parent="#accordionExample"> // ЭТА УДАЛИТЬ НАДО ЧТОБ РАБОТАЛО <div class="container header"> <div class="row align-items-center"> <div class="card-bod…

    Asked by AlexanderLebedev, November 8, 2018

    • js
    • css
    • bootstrap
    • swiper
    • site
    • web
    0 votes
    1 answer
17. CSS не подключается к очередным страницам

    Здравствуйте,- помогите пожалуйста разобраться, что я не так делаю: Я пишу сайт в ручную, написал хорошую, красивую станицу html, подключил стили, написал стили, вставил картинки, все работает отлично. Далее хочу сделать 3 тематических страницы с такими же параметрами CSS как и страница html. Думал просто скопировать эту страницу html в эту же дитекторию, просто ее переименовать и написать иной контент, далее вставить ссылку в html на эту новую страницу и все. Но не тут то было: Когда я скопировал html, получил такой же файл, переименовал его и вижу, что этот новый файл подчиняется CSS только частично, размер сайта на новой странице изменился в большую сторону.…

    Asked by polsarmat, November 6, 2018

    0 votes
    4 answers
18. Отображение кода в разных местах на разных разрешениях

    Всем доброго времени суток! Возникла задача отображать код в разных местах на разных разрешениях. Прилагаю картинку, там все наглядно обрисовал 1) Есть есть 3 блока которым нужно назначить порядочность отображения 2) 2 первых блока, которые расположены слева заключены в свой див 3) Далее они обтекаются третьим блоком, который должен идти справа от них 4) (Блок 2) при разрешении меньше 480px, должен сместиться под блок 3 5) Решения с применением "display: none" и другими приемами скрытия не подходят. Нужно, чтобы код отображался “или там” “или там” 6) Можно и визуально блоки переставить, главное чтобы контент в исходном коде не дублировался. Р…

    Asked by S_A_N_T_A, October 28, 2018

    0 votes
    2 answers
19. Как сверстать такое

    Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать

    Asked by yaparoff, November 2, 2018

    0 votes
    2 answers
20. переменные в java script

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

    Asked by Гумеров Амир, November 7, 2018

    1 vote
    4 answers
21. Шапка поверх на меню возможно?

    Как добиться такого эффекта, чтобы шапка(беграунд) налезала на меню, а не наоборот как сейчас? https://jsfiddle.net/5dbkc64w/

    Asked by viliksar, November 5, 2018

    0 votes
    6 answers
22. Как сделать адаптив?

    Помогите сделать адаптив для игры. Главное меню, вроде нормально выглядит на мобильных версиях, но когда начинаешь игру Канвас не помешается на экран. Как это исправить? http://develop.2di.site

    Asked by Retro_b0t, November 7, 2018

    • bootstrap
    • bootstrap4
    • css
    0 votes
    0 answers
23. Не могу настроить списки услуг

    Добрый день, изучаю html & css, скачал макет и попытался настроить под себя взяв различные данные, но вот со списком во втором блоке ( перечень услуг) у меня не вышло, подскажите пожалуйста, как исправить и выравнить списки услуг? Хочу вставить еще один ряд услуг потом. Вот ссылка: https://tatufiesta.000webhostapp.com/

    Asked by Nevsky74, November 5, 2018

    0 votes
    1 answer
24. Как обрезать длинное слово в IE8?

    Добрый вечер. Столкнулся с проблемой при верстки. При маленьком расширение экрана, длинные строчки не обрезаются в IE8. .serversName { max-width: 183px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } Есть такой вот class, в нем храниться название сервера. В Google Chrome хорошо работает, при уменьшении окна браузера, когда расширение доходит до 920px, лишнее убирается и ставиться 3 точки. Начинаю тестировать в IE8. Все эти правила в клаасе игнорируются. Вот сайт на котором это делается: Перейти на сайт Можете зайти сами поглядеть. В общем как сделать что бы и в IE8 обрезание работало? Спасибо за внимание

    Asked by awikong, November 4, 2018

    0 votes
    1 answer
25. Как сделать отступы внутри div с параметром fixed?

    Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему

    Asked by awikong, November 3, 2018

    • css
    • html
    0 votes
    2 answers