HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes1 answer
-
0 votes1 answer
-
0 votes3 answers
-
0 votes1 answer
29,518 questions in this forum
-
Типичные ошибки начинающего верстальщика
Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…
3 votes156 answers -
"Помогите мне с ..." — Как правильно оформить вопрос/проблему
Добрый день. Данный пост расскажет о том, как правильно оформить вопрос, что бы получить на него ответ. Пожалуйста, выдели 2 минуты своего времени и прочитай ниже изложенное до конца. Давай согласимся с тем что никто никому ничего не обязан. Задавая вопрос на форуме никого не будет интересовать выполняешь ли ты заказ, за который получишь вознаграждение, или просто верстаешь бесплатный макет, или обучаешься. Ты просишь помощи и кто-то из форумчан любезно согласится тебе помочь. Задавая вопрос понимай тот факт, что время человека, который на него ответит, с очень большой вероятностью, стоит в несколько раз (а то и в десятки раз) дороже чем твоё (в рамках специа…
2 votes19 answers -
Нужна помощь в верстке меню-бара
Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .nav { display: flex; list-style-type: none; padding-left: 0; font-size: 17px; text-transform: uppercase; } .nav > li > a { color: #fff; text-decoration: none; } .nav > li { padding-left: 29px; margin-left: 30px; } .header { display: flex; back…
0 votes1 answer -
как можно сделать видимый scale на элементах внутри overflow:scroll?
Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.
0 votes1 answer -
Не работает reset на кастомном select
Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM
0 votes1 answer -
не применяются медиа запросы в верстк
подскажите по какой причине не применяются медиа запросы в верстке mth.zip mth.zip
0 votes1 answer -
Вопрос от начинающего по CSS и HTML
CSS не хочет добавлять просто заливку фона в один цвет ( для проверки подключения), НО цвет текста меняет. В интернете пытался найти проблему, писал в css по разному команды и ничего не выходит. Заранее спасибо
0 votes3 answers -
див уходит за границу экрана
есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…
0 votes1 answer -
Не работает селектор .class
Добрый день. Начинающий программист, столкнулся с проблемой. Селектор .class не работает должным образом. Несмотря на правильное, я надеюсь, описание, на web-странице не отображается ни одно изображение. С чем может быть связано? Заранее спасибо за помощь.
0 votes4 answers -
Как поместить картинки по горизонтали?
Привет всем! Не получается поместить картинки по горизонтали, искал ответ, не нашел. Надеюсь поможете. Жду. Спасибо!
0 votes2 answers -
Как реализовать не обычную кнопку?
Добрый день. Подскажите как правильно реализовать такую кнопку? Сложности возникли с этими углами( Подобные кнопки встречаются на сайте во многих местах и с разными размерами!
0 votes2 answers -
Как "скинуть" элемент вниз?
Мне нужно сделать так что когда на сайте текст не нужной мне ширины он "спускался" ниже, вот скрин чего я хочу.
0 votes3 answers -
Как сделать ссылку-URL на главную страницу сайта
Добрый вечер! Мне стало интересно как сделать так, чтобы ссылкой на сайт (то есть на index.html) могли пользоваться все и сайт был не просто страницей, запускающийся только на моем компьютере, но и у других.
0 votes2 answers -
Не получается отменить дефствие float
Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/
0 votes2 answers -
PS - не работате crop на определенном psd
На других макетах все ок. А на этом - настройки кропа заблокированы.... И не работает кроп. Хотел выделить и вырезать изображение. Не получаеццо. Вместо того чтобы вырезать изображение, оно перемещается, при активированном инструменте "crop" Может этот psd защищен от копирования и тп. В чем может быть проблема?
0 votes8 answers -
Вопрос об раскрытие блока
Я сверстал часть сайта и у меня появился вопрос, при открытии спойлера blog_btn внутренности выталкивают заголовок за пределы блока. Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх? https://drive.google.com/file/d/1_O-e0_79TNps-Oo7KJkgY8zQaDKRbIGF/view?usp=sharing
0 votes5 answers -
Несколько :before или :after на одном элементе?
Сабж. Можно ли в css такое сделать?
0 votes1 answer -
Событие "click" за границей блока
Привет. Я бы хотел сделать форму авторизации в шапке сайта. Помогите, пожалуйста, поправить код, чтобы плашка не закрывалась при вводе. Там также при фокусе меняется border, но с этим разберусь как-нибудь https://codepen.io/bogdandranicin/pen/ZExZGeW
0 votes1 answer -
Горизонтальная менюшка и не помещающиеся итемы
Можно ли сделать средствами css без js. Чтоб, если я чисто правлю html... Или динамически добавляю на js итемы. Добавляю меню итемы в горизонтальную менюшку... Если они не помещаются, не помещающиеся меню итемы чтоб не показывались, справа, а показывалось, например "..." и при нажатии на "..." показывались не поместившиеся итемы. Если нельзя сделать чисто на css, как на js? Нужны примеры.
0 votes2 answers -
Скошенный хедер
Подскажите пожалуйста, как сделать такой хедер? имеется ввиду нижний скос
0 votes1 answer -
Bootstrap 5
Добрый день. Начинаю изучать Bootstrap 5, подключил к своему школьному проекта. Вы не знаете как сделать так, чтобы ссылки "Главная" и "Алфавит" были ближе друг к другу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.rtl.min.css" type="text/css" rel="stylesheet"> <script src="js/bootstrap.min.js.map"></script> <title>Есть такая профессия</title> </head> <body> <nav class="navbar navbar-defaul…
0 votes3 answers -
Как сделать элемент SELECT - readonly?
Привет. Вот собственно и вопрос. Добавление в элемент SELECT атрибута "disabled" не катит, так как, запрос POST посылает пустое значение элемента SELECT . Какая-нибудь есть альтернатива, чтобы сделать SELECT доступным тоько для чтения?
0 votes6 answers -
не получается сделать двойной hover
надо сделать вот так: а получается вот так: доп материалы с кодом:
0 votes3 answers -
Slider
Всем привет.Не так давно начал изучать верстку.И кароче захотел создать слайдер на основе html css без js. Застрял булеты работают и стрелки также но только стрелки становяться видимы когда первый раз нажал на булет.До этого их никак немогу настроить. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .wrapper{ width: 700px; height: 400px; margin:0 auto; border:5p…
0 votes1 answer -
Background не работает
Мне нужен такой результат : Не понимаю почему background не применяется вокруг иконок: Сам код: Html: css: Html: <section class="finish"> <div class="container"> <h2 class="finish_header">По окончании обучения Вы сможете!</h2> <div class="finish_divider"></div> <div class="finish_wrapper"> <finish_item> <div class="finish_round"> <img src="/icons/finish/1 (1).png" alt="" class="finish_icon"> </div> &l…
0 votes0 answers