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
-
Закрывающийся/открывающийся блок
Помогите, или скиньте ссылки как сделать Закрывающийся/открывающийся блок.
0 votes4 answers -
Как сверстать такую стрелку?
Скажите, как сверстать такую стрелку? Подмечу, что угол здесь не прямой, как у квадрата, а больше похож на угол шестиугольника. Размер стрелки: высота 40px, ширина 15px
0 votes4 answers -
<< и >> до и после текста
Нужно сделать << и >> до и после текста. Вот таким образом http://skrinshoter.ru/s/050718/7gDP7LAc?a У меня получается как-то некорректно http://skrinshoter.ru/s/050718/lO2xSi0U Элементы чуть приподняты. Как их выровнять? margin-top не помогает, before и after - тоже https://codepen.io/anon/pen/PavQWP
0 votes3 answers -
Обрезать текст по вертикали
Нужно чтобы текст обрезался по вертикали http://skrinshoter.ru/s/040718/dYPUy6EU и переполненное содержимое скрывалось overflow: hidden почему то не помогает https://codepen.io/anon/pen/yErxLY
0 votes3 answers -
тег before
Хелп. before не задается(желтые полоски слева от текста) https://jsfiddle.net/k59n2xae/ сам код
0 votes2 answers -
Блок со скошенными краями
Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?
1 vote12 answers -
ТOUCH scroll слайдера на css3?
Здравствуйте. У меня на сайте есть слайдер на CSS3. Реально ли сделать тач скролл на CSS3 или все таки без JS никак?
0 votes2 answers -
Принцип или гайд по верстке
Ребят, привет, подскажите какой то гайд по верстке сайтов слайдеров, типо https://cuberto.ru/
0 votes5 answers -
CSS_ выравнивание inline-блоков
Добрый день. Изучаю сейчас тему блочной модели и столкнулся с такой ситуацией при выравнивании инлайн-блоков. Если создать родитель, в него вложить два дочерних блока и им назначить поведение как inline-block, вложить туда просто текст - то они ведут себя чудесно. Стают в строку. Все отлично. Если же создать аналогичный родитель и два блока в нем (как и выше), но в этот раз, в один из блоков вложить не текст, а например заголовок и другой div с текстом. В этом случае, блоки ведут себя как-то странно. Они как будто отталкиваются. Они тоже в строку, но у них появляется какое-то вертикальное выравнивание. Помогите пожалуйста понять почему в втором случае блоки на…
0 votes2 answers -
Не получается растянуть header по ширине экрана
Всем привет. В Веб-дизайне совсем новичок и столкнулся с проблемой следующей: как не пытался прописывать везде cover и т.д., мой header вообще никак не хочет растягиваться на ширину экрана (путь к картинке - верный, проверял). Собственно, прилагаю сам код HTML, код CSS и скриншот того, что происходит. Как убрать эту пустую зону справа? Всем буду благодарен за помощь! HTML: <!DOCTYPE html> <html lang="ru=RU"> <html> <head> <meta charset="utf-8"> <title> SHINE DESIGN </title> <link rel="stylesheet" type="text/css" href="new 1.css"> </head> <body> <header> <…
0 votes6 answers -
Как заставить box-shadow перекрывать контент?
Использовал скрипт меню https://tympanus.net/Development/MultiLevelPushMenu/ для своего сайта https://www.zebra-tara.ru/ Меню доступно только на разрешениях меньше 768 по ширине Получается, что тень от меню не перекрывает сдвигаемый слой, а точнее - абсолютно позиционированные элементы на нём. Посоветуйте, как исправить? Я пробовал давать больший индекс тени, но тогда она перекрывает последующие уровни меню
0 votes1 answer -
Как настроить плавный скрол слайдера по типу “назад-вперёд”?
https://jsfiddle.net/hjyern2a/ Сейчас слайдер медленно двигается от первого слайда до последнего. Но когда достигает последнего элемента, он начинает резко скролить в начало. Как настроить так, чтобы при достижении последнего элемента он начинал так же медленно двигаться до первого и т.д. Т.е. как качели - от первого до последнего и обратно, с одинаковой скоростью.
0 votes4 answers -
Как грамотно сверстать?
Здраствуйте, подскажите пожалуйста как грамотно сверстать такой хедер/нав. можно задать фон градиентом и на место разделения вставить картинкой (выделенное пунктиром), но я думаю есть более рациональное решение, просто я начинающий и найти его не смог. Ширина заливки хедера и меню должна быть 100%, контент хедера и меню 1170px разделение на 50%.
0 votes12 answers -
что распирает блок?
не пойму никак, откуда берется отступ в шапке, где блок с телефоном? https://www.road.media/ Про верстку ничего не говорите, пока приходится работать с тем, что есть ?
0 votes3 answers -
Как сверстать? Помогите новичку!
Как сверстать данную область? А именно линии
0 votes9 answers -
Проблемы с мобильной версткой
Здравствуйте. Имеется сайт http://alarmdv.ru При уменьшении экрана с телефона масштаб сайта уменьшается и сдвигается влево, справа остается белый пробел Как сделать так, чтобы при изменении масштаба на телефоне сайт сохранял свои пропорции. Спасибо
0 votes2 answers -
Как центрировать элементы списка с псевдоэлементами
Здравствуйте! Есть "Хлебные крошки" в виде элементов списка. https://jsfiddle.net/5tt4m49s/ Не могу их центрировать из-за свойства float: left. Подскажите, пожалуйста, как правильно это сделать?
0 votes4 answers -
bootstrap колонки + рамка
Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?
0 votes3 answers -
Не совсем догоняю про поддержку браузерами, объясните пожалуйста.
Есть браузер,а есть движок браузера, есть движок еще и JavaScript, HTML, CSS и т.д. У меня голова взрывается уже от этих движков.Помогите по полочкам все расставить. На что какой движок влияет, и что мне нужно знать как фронтенд разработчик ? (а то ничего не понимаю, не доходит и все)
0 votes8 answers -
небольшой вопрос по верстке
объясните, как сверстать этот мокап с таким наклоном и поворотом изображений
0 votes2 answers -
Выравнивание по вертикали
Необходимо выровнять блоки по вертикали. У меня верстка пока получается вот так http://skrinshoter.ru/s/160418/UDCfQwYu Подскажите, как это сделать? Верстка респонсив. Причем нужно чтобы и заголовки и цены тоже были на одном уровне Почему то на codepen это немного по другому выглядит. Но все равно нужно это как то выровнять
0 votes7 answers -
Блоки на одном уровне
кнопки должны быть на одном уровне. http://skrinshoter.ru/s/160418/uh7JFP95?a Когда заголовок становиться больше по высоте - он смещает кнопку вниз. Как этого избежать?
0 votes6 answers -
Респонсив верстка. Изображения
Верстаю респонсив. В макете есть вот такой блок Дело в том что при разной ширине экрана действительная высота блоков меняется. На некоторых экранах это выглядит вот так: Т.е. появляется разрыв между верхним и нижним блоком изображений. Как от этого избавиться? Вот здесь сама верстка:
0 votes3 answers -
Альтернатива legend в fieldset
Добрый день! Имеется ли аналог помимо legend-а и fieldset для решения данной задачи?
0 votes4 answers -
Приоритет стилей при адаптивной верстке
Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. …
0 votes2 answers