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
-
Не работает background-size:cover
привет. геометрия.онлайн на главной странице слайдер с наложенным фоном на псевдоэлемент почему-то не тянется фон при масштабировании страницы. почему?
0 votes3 answers -
Как сверстать шестиугольный тянущийся блок?
Клиенту надизайнили вот такой макет. Не понимаю, как верстать. Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста. https://codepen.io/d0ublezer0/pen/bGpqgKY вот что удалось сверстать что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока ну и рамочку так и не смог запилить. UPD: добрался до clip-path Боле…
0 votes4 answers -
Проблема с отображением сайта на айфоне
Приветствую! Столкнулся с проблемой неправильного отображения фоновой картинки на iphone. Причем проблема возникает на реальных девайсах, на симуляции всё выглядит нормально. На моем телефоне на андроид всё хорошо. Есть ещё одна проблема - на айфоне не отображаются описания и кнопки "Подробнее".
0 votes0 answers -
Не работает макет сайта.
Привет всем. Занимаюсь версткой совсем недавно. Прочел тему, что если сделать один блок с width: auto; и margin-left: 200px; а второй с фиксированным width: 200px; и float: right; то будет хороший макет с фиксированной колонкой справа и "резиновой" колонкой справа. Однако это почему-то не работает... Дивы накладываются друг на друга... А должны идти друг за другом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя</title> <style> .div1{ border: 4px solid black; width: auto; margin-right: 200px; } .div2{ float: right; width: 200px; border: 4px solid black } </style> </head> <bod…
0 votes1 answer -
Блок из картинок
Подскажите, как такое сверстать? Пробую grid'ы и флекс, пока не пришел к результату. https://prnt.sc/u0ucwi
0 votes0 answers -
Помогите сделать такое
Подскажите пожалуйста, есть ли готовое решение такого переключателя? Или как он называется, что гуглить нужно?) http://wbear.by/uslugi/uborka-kvartir/
0 votes1 answer -
Кнопка копирования..
Доброго времени суток. Меня интересует вот что, существуют-ли скрипты, Для того, чтобы можно было определённый текст скопировать очень быстро . Пример: У меня есть страница на сайте юкоза, и там текст, я его выделаю, и копирую ctrl+c. Надо: А надо, чтобы либо нажать рядом с текстом этим на какую-нибудь кнопочку и этот текст чтобы был скопирован моментально. Как это можно реализовать? Очень очень очень очень нужно( В флеше не рулю. И в js. Всех заранее благодарю за помощь.
0 votes16 answers -
Позиционирование элемента
Подскажите пожалуйста, как позиционировать элемент на всю видимую область окна браузера? Есть слайдер, в котором крутятся картинки, и есть скрипт, благодаря которому картинка увеличивается, но не могу понять относительно какого элемента он позиционируется. <div class="sl_slider"> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="image" src="img/002-2.jpg" alt="002-2.jpg"> </div> <div class="sl_img"> <img class="image" src="img/001-1.jpg" alt="001-1"> </div> <div class="sl_img"> <img class="i…
0 votes0 answers -
Проблема вёрстки
https://jsfiddle.net/8tybdkz0/ Я только начал верстать, в общем всегда справа остаётся место, хз как убрать.
0 votes1 answer -
Как подогнать css под Safari 5 и IE-11
Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><section class="imgone">По Вашему желанию электропроводку можно уложить в ПВХ-коро…
0 votes0 answers -
Форма уведомления об использовании cookie для сайта
Уважаемые форумчане, подскажите, пожалуйста, скрипт, виджет или другое решение для размещения на страницах сайта уведомления об использовании cookie в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ "О персональных данных" со следующими элементами: - кнопки "Согласен" (при ее использовании уведомление исчезает и больше не появляется ни на одной странице сайта) и "Не согласен" (при ее использовании сайт закрывается); - ссылка на документ "Политика конфиденциальности персональных данных".
0 votes0 answers -
iframe очищает остаток страницы
Добрый день! Возникла следующая проблема: стоит мне вставить iframe с видео с ютуба, как все элементы, идущие после этого iframe'а, попросту удаляются и вообще не отображаются на странице, в коде элемента их просто нет, как будто на iframe'е заканчивается документ. Первое видео корректно отображается, остальные же даже не появляются. Пробовал в разные места вставлять это видео, все тот же результат - после него страница становится полностью пустой. <div id="video_layer"> <button class="swipe_right" onclick="swipeRightVideoGallery();"><</button> <button class="swipe_left" onclick…
0 votes2 answers -
Не правильно работает меню сайта при адаптации.
Всем всем привет. Делаю сайт. Точнее редактирую шаблон добытый с просторов интернета. Сайт адаптивный. И в принципе все норм только вот меню криво работает. Суть проблемы: Когда сайт открыт во весь экран на пк все хорошо. фото 1. Когда окно браузера делаешь меньше то меню сжимается, и появляется кнопка раскрытия меню. Но сам список с назвиниями пунктов меню не пропадает (а по идее должен). фото 2. Когда нажимаешь на кнопку то типа появляется меню в том которое уже есть. 2й раз нажимаешь пропадает. фото 3. И если потом опять развернуть на весь экран страницу меню не появляется и кнопка с выпадающем меню пропадает. если свернуть нажать кнопку и зарвернуть страницу на…
0 votes2 answers -
Gulp-sass категорически отказывается задавать css свойства для новых добавляемых в разметку элементов
Столкнулся с довольно удивительным явлением: gulp-sass категорически отказывается хавать и отображать css для новых добавляемых элементов разметки. Поломка произошла без каких-либо заметных вмешательств, просто с очередным запуском. Ошибок в системной консоли сейчас нет, только указывает на депрекаты одной функции Бурбона.Есть определенная предыстория. Изначально при установке данного шаблона консоль жаловалась на отсутствие модуля node-sass, хотя таковой был. Пришлось переустановить заново, попутно сменив номер версии в конфиге: "gulp-sass": "3.0.0", без галочки, хотя пробовал и с галочкой – результат тот же (это было нагуглено в бурже). Связана ли эта предыстория с наст…
0 votes2 answers -
Проблемы с выпадающим меню и скроллингом
Доброго времени суток. Подскажите пожалуйста , в чем может быть проблема При присвоении overflow-y: auto; блоку, не работает выпадающее меню Пример https://jsfiddle.net/kustovskyi/eho1kyjm/ В меню Dashboard Если убрать в класса .sidebar-submenu-right скроллинг , то меню выпадает
0 votes6 answers -
help, parallax/content
Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. Параллакс: <section class="parallax sticky" id="scene"> <div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div> #L { width: 100%; height: 50vh; padding: 0; margin: 0; } .L { background: url(bmw-m32.jpg) left no-repeat; background-size: cover; overflow: hidden; } img { max-width: 20%; height: auto; } .sticky{ position: sticky; top: 0; } Рамка с текстом: <div class="ramka-5"> Ра…
0 votes0 answers -
Не применяется media запрос
Здравствуйте. Подскажите пожалуйста, что с этим media запросом не так? @media (max-width: 991px) #comment-list li { bottom: 55px !important; } На странице, где выводятся комментарии wordpress смещается вверх стиль автора на мобильных устройствах, виновник этого другой медиа запрос, но уже для калькулятора на wooccommerce @media (max-width: 991px) *, ::after, ::before { box-sizing: border-box; } отключить его не могу, потому что уже будут тогда проблемы с калькулятором. Потому решил написать отдельный медиа запрос, но уже для комментариев
0 votes0 answers -
Ломается блок в моб версии сайта
Сверстал блок номерами телефонов, возможно криво не спорю, но я все еще учусь верстать. Блок меня устраивает, только вот адаптировать не знаю как, на мобильном экране блок ломается, как этого избежать, но при этом сохранить вид блока в 100%, подскажите пожалуйста? https://jsfiddle.net/q0ozsk5e/
0 votes1 answer -
Медиа запросы | CSS
День добрый. С помощью видео курса осваиваю медиа запросы - адаптация под мобильную версию только на CSS, навигация HTML. Проблема следующая - адаптация работает когда я открываю сайт в окне и на своей операционной системе самостоятельно меняю размер окна, но при этом не работает в режиме разработчика, когда я выбираю просмотр с устройства, в моём случае это был iPad, и при этом автор в видео курсе демонстрирует работу медиа запросов именно там. Я попробовал перенести веб-страницу на свой телефон и открыть её в браузере - адаптивная версия там тоже не сработала. Видео за январь 2020, у автора Chrome - у меня тоже, разве что у него Mac, у меня Windows. Что это за магия т…
0 votes1 answer -
Картинка ставится не на всю страницу
Сама работа: https://repl.it/join/bgebjslq-rodrik Прошу помощи в вопросе, как прописать, чтобы картинка покрывала всю область страницы, а то снизу появляется белое и не могу понять из-за чего. align="right" прописываю, но сама картинка ставится не справа от текста, что следует изменить? Также из-за этого не виден подвал. Заранее спасибо. UPD: Решил проблему Может кому поможет Решил, добавив в в css, в body: background: url(Властелин.jpg) no-repeat center fixed; background-size: cover;
0 votes1 answer -
Зафиксировать высоту ячейки таблицы.
Здравствуйте. Нигде не могу найти как указать высоту таблицы в пикселах фиксированной. Чтобы при заполнении её текстом, она не увеличивалась в высоту (не расползалась вниз), а текст бы превышающий вертикальный размер был бы скрыт, а при нажатии на ячейку раскрывался (текущая строка увеличивалась до размеров всего текста). Полосы прокрутки не нужны. Гуглил несколько часов, уснуть не могу блин, везде пишут, что так сделать невозможно, таблица так и будет расползаться вниз чтобы вместить весь текст (((((( но ведь я видел, так где-то делали, но найти к сожалению не смог.
0 votes4 answers -
Помогите сверстать блок
Здравствуйте, помогите, пожалуйста сверстать блок (в красной рамке). Как сделать слайдер на заднем фоне, и чтобы зеленая линия не смещалась при изменении размера окна?
0 votes1 answer -
Ченжлог
Здравствуйте все, у меня возникла проблема при верстке Changelog на сайте, проблема в том что при выборе пункта ченжлог должно появлятся окно с выбором версий, и если выбираешь описание то это окно с версиями должно исчезать, файлы прикрепил, помогите пожалуйста, как это можно реализовать, заранее благодарю за ответы htdocs.rar
0 votes0 answers -
Адаптивное изображение
В общем, сделал на сайте таблицу "почему мы", и на разрешении 1920х1080 выглядит она нормально, однако на смартфонах и на более низких разрешениях изображение не адаптируется, пробовал убрать фиксированные параметры width и height, но у картинок слишком высокое разрешение. Сайт.
0 votes1 answer -
Символы, которые игнорируются при поиске и копировании
Можно ли сделать так, чтобы некоторые символы на странице игнорировались при поиске (по Ctrl+F) и копировании? Например, на экран выводится: При копировании в буфер сохраняется:
0 votes2 answers