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. Помогите в верстке

   Здравствуйте. Я недавно начал учиться верстать сайты. И вот сегодня я столкнулся с проблемой. Мне нужно чтобы эти 4 картинки стали справа от текста. Но у меня получается что они становятся снизу кнопки. p/s пользуюсь flexbox. и еще, стоит ли начать изучать boostrap или же flex gird

   Asked by shvayko, November 12, 2018

   0 votes
   4 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. Вёрстка сетки товаров.

   Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: 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
6. рендеринг шрифтов в Chrome на Mac

   www.zebra-tara.ru использован шрифт Roboto, подключенный через Google Fonts. проблема - в Chrome на PC нормально подгружается и отображается шрифт, а на Mac - нет, ощущение, что вообще шрифт не загружен. Шире - это на Mac, видно, что шрифт другой: Притом в Safari - нормально: Предположил, что локально установлен Roboto без кириллицы, проверил - нет. Куда копать?

   Asked by d0ublezer0, November 11, 2018

   0 votes
   3 answers
7. Как сделать отступ между Li:before и текстом

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

   Asked by nikki4, November 10, 2018

   0 votes
   2 answers
8. Почему область не кликабельная?

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

   Asked by viliksar, November 9, 2018

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

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

   Asked by viliksar, November 9, 2018

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

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

    Asked by kudryavi, November 9, 2018

    0 votes
    7 answers
11. 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
12. Как задать меню по всей ширине?

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

    Asked by viliksar, November 8, 2018

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

    При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: 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
14. Выбрать инпут в диве

    нужно выбрать инпут $('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
15. Работа слайдера с 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
16. Изменение стилей 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
17. переменные в java script

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

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

    1 vote
    4 answers
18. Как сделать адаптив?

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

    Asked by Retro_b0t, November 7, 2018

    • bootstrap
    • bootstrap4
    • css
    0 votes
    0 answers
19. CSS не подключается к очередным страницам

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

    Asked by polsarmat, November 6, 2018

    0 votes
    4 answers
20. Шапка поверх на меню возможно?

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

    Asked by viliksar, November 5, 2018

    0 votes
    6 answers
21. Не могу настроить списки услуг

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

    Asked by Nevsky74, November 5, 2018

    0 votes
    1 answer
22. Как создать элементы в меню?

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

    Asked by viliksar, November 5, 2018

    0 votes
    8 answers
23. Как обрезать длинное слово в 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
24. Как сделать отступы внутри 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
25. Как сверстать такое

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

    Asked by yaparoff, November 2, 2018

    0 votes
    2 answers