HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Помогите решить задачу
Привет =) Помогите решить задачку, Вот код: http://codepen.io/Anatoliy667986584/pen/NbjEPP как сделать чтобы в первых двух колонах, выпадающие списки выпадали в правую сторону, а не в левую, как сейчас. А у вторых двух колон пусть остаётся в левую, как сейчас. Выпадающие списки прямо на колоны чтобы падали - как сейчас. эти 4 колоны будут по центру страницы, и проблема в том, что выпадающие списки в первых двух колонах - не помещаются, в первой колоне вообще выпадает за пределы страницы. в css есть подсказки возле каждого правила. Надеюсь на помощь)
0 votes2 answers -
Задать одинаковую скорость анимации
Чтобы увидеть проблему нудно подождать анимацию. Ничего страшного что картинок не видно, главная суть в том чтобы скорость перед тем как картинка исчезла, и с конца передвинулась на своё место была одинаковая скорость. https://jsfiddle.net/ysggq4pf/. получается так: картинки двигаются налево, после того как появляются в конце начинают двигаться медленнее.
0 votes3 answers -
Div за пределами нижней части экрана
Здравствуйте! Помогите правильно разместить блоки в обертке. Имеется два основных блока, один из которых будет являться фоном ("landscape"), а другой содержать навигационные элементы ("menu"). Меню должно прокручиваться на фоне статичного фона, а у меня "menu" сваливается ниже обертки (height:100%), за пределы экрана. Кучу вариантов перебрал с позиционированием и размерами, но найти правильное решение никак не могу... CodePen , или: . CSS Скрытый текст * {box-sizing: border-box;} *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; bac…
0 votes4 answers -
Настройка анимации (срочно)
Как настроить анимацию так, чтобы элементы плавно плыли по течению. Думаю проблема в процентный значениях между кадрами. Вот песок: https://jsfiddle.net/8awkpysn/1/ И собственно код. <p class="q1"></p> <p class="q2"></p> .q1{ position:absolute; left:0px; width:100px; height:80px; background:black; animation: c1 5s linear infinite; } .q2{ position:absolute; left:110px; width:100px; height:100px; background:black; animation: c2 5s linear infinite; } @keyframes c1 { 15%{ left:-252px; } 15.1%{ left:450px; } } @keyframes c2 { 15%{ left:-252px; } 15.1%{ left:560px; } to{ left:11…
0 votes0 answers -
Вывод пропорционального флеш-ролика
Как вывести на сайте флеш-ролик с нормальными пропорциями? Например, одни ролики более квадратные 4:3, другие продолговатые - 16:9. Использую один контейнер для всех роликов. Из-за этого появляются полоски, либо по бокам, либо сверху-снизу. Обрезка параметром scale=noborder не подходит, так как может отрезать элементы управления. Есть ли возможность узнать параметры ролика и подогнать высоту контейнера для корректных пропорций?
0 votes0 answers -
бустрап отключить адаптивность
есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает
0 votes17 answers -
Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?
.down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…
0 votes5 answers -
Как реализовать увеличение карточки товар при ховере как ikea.com?
Добрый день, подскажите пожалуйста, как реализовать поведение карточки товара при ховере как на странице магазина ikea
0 votes1 answer -
Масштабирование youtube видео на сайтах
Вставляю видео на сайт через iframe (Поделиться --> HTML код). Там получается фрейм идет фиксированной ширины и когда я открываю страницу сайта с таким видео на мобильном устройстве, то у меня видео выходит за границы экрана. Как сделать чтобы такие видео масштабировались на мобильных по ширине экрана? Видео тут https://cafecomplect.ru/oborudovanie/tehnologicheskoe-oborudovanie/pily-dlya-myasa?manufacturer=Sirman
0 votes3 answers -
Продолжая тему псевдокласса not()
Например я хочу закрасить DIV но не трогая P div{ width:400px; height:400px; border:1px black solid; } p{ width:200px; height:200px; border:1px black solid; } div:hover:not(p){ background:black; } <div> <p></p> </div> div:hover:not(p) это применение потомка к not так нельзя https://jsfiddle.net/sm5jr7vd/
0 votes4 answers -
Drag and drop на чистом css
Узнал про новое свойство -webkit-user-drag, то, что с помощью него можно перетаскивать элементы и решил попробовать, но почему не перетаскивается? https://jsfiddle.net/d4kgzac1/
0 votes1 answer -
Как сделать свой флажок у раскрывающегося списка
Подскажите, есть ли простой способ изменить стандартный флажок у раскрывающегося списка картинкой стрелочки?
0 votes6 answers -
Справочник css по категориям
Нужен сабж. Желательно на русском.
0 votes2 answers -
Современный тренды верстки
Привет! Волею судеб я выпал из веб-разработки на 4 года. И теперь снова хочу вернуться к этому ремеслу. За это время утекло много воды. Активно развивается html5 и css3. Есть 2 вопроса, чтобы сориентироваться и быстрее встать в строй. 1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position. На самом деле, какие сейчас тренды в верстке страниц, есть ли какие-то предпочтения? 2. Использование различных библиотек и фремймворков, например Bootstrap? Надо ли их внедрять в работу? Я понимаю, что в нашем дуальном мире, мнений больше, чем два, но все же... …
0 votes5 answers -
Адаптивная верстка
Доброго времени суток, перейду ближе к делу. Проблема с адаптивом, верстаю под разрешение 320x480. В общем не знаю, как сделать, чтобы не видно было текста, в блоке при разрешении 320x480. И еще один вопрос, как сделать, чтобы при допустим разрешении 320x480, при переходе по ссылке, открывался другой блок, а не тот, который прописан для статической странички. Вот код: HTML:div id="popup"> <span class="win"><p>Вы можете выиграть:</p></span> <div id="what-win1"><p>Аккаунты с ресурсами на серверах MineCraft:</p></div> <div class="version1"><p>1.5.2 |…
0 votes2 answers -
Проблема смены фона слайдера на CSS в IE11
Возникла необходимость сделать слайдер с множественным фоном, в котором по нажатию на кнопку один из фонов меняется. И всё замечательно работало, пока я не решил его проверить в IE11. В Chrome и FireFox всё работает. А в ИЕ фон слайдера либо реагирует на некоторые из кнопок, либо не реагирует на них вообще. В чём же может быть проблема? Код UPD. Забавная штука: если названия изображений, расположенных в списке фонов первыми, различаются между собой, то начинает изменяться и изображение, следующее ниже (которое мне и необходимо менять по нажатию кнопки). Это как-нибудь можно обойти?
0 votes0 answers -
Много псевдоэлементов в одном селекторе
Как применить к этому селектору .q1 li:first-child .q2 li:hover Ещё один псевдоэлемент :not(.q77 li)? Если писать .q1 li:first-child .q2 li:hover:not(.q77 li) То этот селектор вообще перестаёт работать
0 votes21 answers -
Выпадающее меню вверх
Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )
0 votes4 answers -
Водяные знаки на фото.
Привет всем! Прошу у вас помощи в связи с тем,что далеко не разработчик и не знаю языки,но столкнулся с большой нуждой. В общем создал сайт на конструкторе(дадада,не кричите,я не программист и не хацкер,то есть не шарю) В общем нужно сделать так,чтобы на каждую фотку на сайте добавилась надпись с адресом сайта(ну фоточки мои,я не хочу чтобы их камуниздили. ну крч думаю,что понятно)). Я писанул разрабам,сказали мол ,цитирую, "Вставить данный код возможно с помощью модуля "HTML", размещенный в основном меню конструктора в разделе "Ещё"." В общем нужна ваша помощь,ощинь нужна. Скрины тоже сейчас закину. Я крч вообще не знаю че с этим делать,парни,очень нужна Ваша по…
0 votes0 answers -
съезжает картинка в блоке
Добрый день, такая проблема после неосторожного вмешательства: съехала картинка в блоке. Она должна быть на всю ширину, но в ФФ - на 2/3, а в ИЕ и Хр - вообще нет. Ссылка: http://odyssey-ltd.ru/clients/services/ Как исправить проблему?
0 votes3 answers -
textarea
Всем привет, подскажите как выполнить такой маневр, я хотел было взять звездочку в span и через него придать ей красный цвет, но он отображается в поле как текст!
0 votes3 answers -
Подскажите как сделать плавно выпадающий список
Привет! Скажите, как сделать чтобы список выпадал не резко, а плавно, в этом меню: http://codepen.io/Anatoliy667986584/pen/WojrqL Хотя бы подскажите какие свойства в какой селектор мне ставить, или если кому не сложно, добавьте нужные свойства в этот код. Я новичок, код кривоват может, но он работает.
0 votes1 answer -
отзывов на Google
Может вопрос не в тему но все он же касается САЙТА Так вот есть сайт ресторана много лет и есть парочка плохих отзывов которых хочу убрать. Я сообщал о нарушениях правил итд но отзывы остаются может есть кто сталкивался и знает как реально удалить их.?
0 votes0 answers -
Режим наложения css3
Суть вопроса : есть такой блок https://jsfiddle.net/w28rh987/5/ . Для фото использован режим наложения luminosity.При наведении на весь блок single-item у фото исчезает luminosity и появляется оверлей синего цвета со ссылками и неким текстом. Но у меня получается,что наложение пропадает, а затем появляется и у соседнего фото. Можно ли как-то решить эту проблему? P.S. : в фаерфокс почему-то наложение не видно,в хром работает.
0 votes0 answers -
Помогите мне, как понять верстку?
Помогите мне, как понять верстку? Т.е. я знаю основы, но не умею верстать, просто не получается и бросаю дело(
0 votes24 answers