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
29542 questions in this forum
-
Как сделать картинку, текст и кнопку в одну строку?
Вставил кнопку подписки в блог, но выглядит не красиво. Подскажите, пожалуйста, как сделать картинку, текст и кнопку в одну строку? Скриншоты: 1) Сейчас вот так - http://prntscr.com/dg40bw 2) Хочется, чтобы было примерно вот так - http://prntscr.com/dg411z Ссылка на код - http://debaka.ru/ (справа, в сайдбаре) Проблема устранена - можно закрывать тему.
0 votes0 answers -
отзывов на Google
Может вопрос не в тему но все он же касается САЙТА Так вот есть сайт ресторана много лет и есть парочка плохих отзывов которых хочу убрать. Я сообщал о нарушениях правил итд но отзывы остаются может есть кто сталкивался и знает как реально удалить их.?
0 votes0 answers -
Подскажите как сделать плавно выпадающий список
Привет! Скажите, как сделать чтобы список выпадал не резко, а плавно, в этом меню: http://codepen.io/Anatoliy667986584/pen/WojrqL Хотя бы подскажите какие свойства в какой селектор мне ставить, или если кому не сложно, добавьте нужные свойства в этот код. Я новичок, код кривоват может, но он работает.
0 votes1 answer -
textarea
Всем привет, подскажите как выполнить такой маневр, я хотел было взять звездочку в span и через него придать ей красный цвет, но он отображается в поле как текст!
0 votes3 answers -
съезжает картинка в блоке
Добрый день, такая проблема после неосторожного вмешательства: съехала картинка в блоке. Она должна быть на всю ширину, но в ФФ - на 2/3, а в ИЕ и Хр - вообще нет. Ссылка: http://odyssey-ltd.ru/clients/services/ Как исправить проблему?
0 votes3 answers -
Водяные знаки на фото.
Привет всем! Прошу у вас помощи в связи с тем,что далеко не разработчик и не знаю языки,но столкнулся с большой нуждой. В общем создал сайт на конструкторе(дадада,не кричите,я не программист и не хацкер,то есть не шарю) В общем нужно сделать так,чтобы на каждую фотку на сайте добавилась надпись с адресом сайта(ну фоточки мои,я не хочу чтобы их камуниздили. ну крч думаю,что понятно)). Я писанул разрабам,сказали мол ,цитирую, "Вставить данный код возможно с помощью модуля "HTML", размещенный в основном меню конструктора в разделе "Ещё"." В общем нужна ваша помощь,ощинь нужна. Скрины тоже сейчас закину. Я крч вообще не знаю че с этим делать,парни,очень нужна Ваша по…
0 votes0 answers -
Выпадающее меню вверх
Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )
0 votes4 answers -
Много псевдоэлементов в одном селекторе
Как применить к этому селектору .q1 li:first-child .q2 li:hover Ещё один псевдоэлемент :not(.q77 li)? Если писать .q1 li:first-child .q2 li:hover:not(.q77 li) То этот селектор вообще перестаёт работать
0 votes21 answers -
Совместное использования процентов и пикселов
Доброго времени суток! Можно ли как-то простым способом сделать следующее: Имеется блок в 600 пикселов и внутри него еще два блока (display: inline-block), ширина первого блока всегда разная, она может быть 100px или 150px, в общем всегда разница. Я хочу сделать так, что после первого блока, второй занимал всю остальную длину, не больше и не меньше и всё это без использования, разумеется, JS и без всяких overflow: hidden это не подходит. Буду благодарен за дельные советы
0 votes10 answers -
Справочник css по категориям
Нужен сабж. Желательно на русском.
0 votes2 answers -
Как сделать свой флажок у раскрывающегося списка
Подскажите, есть ли простой способ изменить стандартный флажок у раскрывающегося списка картинкой стрелочки?
0 votes6 answers -
Drag and drop на чистом css
Узнал про новое свойство -webkit-user-drag, то, что с помощью него можно перетаскивать элементы и решил попробовать, но почему не перетаскивается? https://jsfiddle.net/d4kgzac1/
0 votes1 answer -
Продолжая тему псевдокласса 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 -
Почему 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 -
Настройка автозапуска формы заказа на лендинге
Думаю, что вопрос и ответ имеет место быть, актуален и пригодиться не только мне. Вопрос к знающим людям, так как уровень пока не тот: подскажите пожалуйста как сделать автозапуск формы заказа для клиентов на лендинге через заданное время, либо перенаправление посетителя на определенное место? Пробовал посредством якоря и мета-тега сделать так: <meta http-equiv="refresh" content="5; URL=http://www.мойсайт.ru/#якорь"> но безуспешно. В адресной строке браузера после очередной перезагрузки прописывается путь к якорю, но ничего не происходит. Заранее спасибо откликнувшимся!
0 votes6 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 -
Вывод пропорционального флеш-ролика
Как вывести на сайте флеш-ролик с нормальными пропорциями? Например, одни ролики более квадратные 4:3, другие продолговатые - 16:9. Использую один контейнер для всех роликов. Из-за этого появляются полоски, либо по бокам, либо сверху-снизу. Обрезка параметром scale=noborder не подходит, так как может отрезать элементы управления. Есть ли возможность узнать параметры ролика и подогнать высоту контейнера для корректных пропорций?
0 votes0 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 -
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/ysggq4pf/. получается так: картинки двигаются налево, после того как появляются в конце начинают двигаться медленнее.
0 votes3 answers -
Помогите решить задачу
Привет =) Помогите решить задачку, Вот код: http://codepen.io/Anatoliy667986584/pen/NbjEPP как сделать чтобы в первых двух колонах, выпадающие списки выпадали в правую сторону, а не в левую, как сейчас. А у вторых двух колон пусть остаётся в левую, как сейчас. Выпадающие списки прямо на колоны чтобы падали - как сейчас. эти 4 колоны будут по центру страницы, и проблема в том, что выпадающие списки в первых двух колонах - не помещаются, в первой колоне вообще выпадает за пределы страницы. в css есть подсказки возле каждого правила. Надеюсь на помощь)
0 votes2 answers -
Подскажите как сделать
Подскажите, как сделать чтобы выпадающий список выпадал только после нажатия на подраздел, а не сразу после наведения, как в моём случае. Код : http://codepen.io/Anatoliy667986584/pen/NbjEPP
0 votes0 answers -
Как подгружать картинки меньшего размера для мобильных устройств?
Вопрос по ускорению загрузки сайта для мобильных размеров экрана. Как подгружать картинки меньшего размера для мобильных устройств, если адаптивность задается медиа-запросами, которые располагаются в конце CSS-файла? Ведь при этом все равно сначала грузится большая картинка для десктопного варианта, а уже потом вместо нее можно будет подгрузить меньшую картинку для меньшего размера экрана? Так ведь? При этом ускорения как-то не получается... Так как для мобильного сразу подгружать картинку помельче? Неужели только отдельный CSS-файл для этого делать?
0 votes4 answers -
Ввод данных и их дальнейшее использование
Как сделать так, чтобы при вводе какого либо текста в поле и нажатия кнопки, которое сохраняет этот текст, выводилось это через алерт в другой функции. Например, я хочу ввести своё имя во время игры. А когда я побеждаю, то выводится alert'ом сообщение "Победил игрок (имя игрока, которое было введено в поле)". Думаю, что понятно объяснил.
0 votes1 answer