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
-
Вертикальные строки внтури горизонтальных блоков списка
https://jsfiddle.net/49jzxfc1/1/ Подскажите, как сделать, чтобы строки в каждом блоке были вертикально
0 votes2 answers -
Отцентрировать один блок из трех относительно родителя
Здравствуйте. Есть вот такой пример https://jsfiddle.net/5dnz61qu/ Мне нужно, чтобы центр зеленого блока всегда находился в центре родительского. У меня два варианта, но они оба мне не нравятся: 1) Абсолютное позиционирование. 2) Задать синему блоку такую же ширину, как и в красного. В блоках динамический контент, поэтому хотелось бы, чтобы они могли занимать все свободное пространство, а с этим вариантом такого не получится. Есть еще идеи?
0 votes2 answers -
Как расположить один div под другим?
Всем привет! У меня есть 2 div'а на странице, мне нужно, чтобы они располагались один под другим и верхний занимал по высоте 10% страницы, а нижний - 90. Сделал вот так <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Main page</title> </head> <body> <div style="position: absolute; height:10%; width:100%; background-color: #086FA1"> </div> <div style="position: absolute; height:90%; width:100%; background-color: #FF0000"> </div> </body> </html> В итоге второй див, который 90%, наезжает на первый и перекрывает его, а мне нужно, чтобы второй распо…
0 votes2 answers -
Срочно помогите
нужно сделать вырез как на картинке, ничего не могу придумать, помогите плз https://codepen.io/ingvarrrrr/pen/qzyPpP
0 votes2 answers -
Плавающий div не сдвигает таблицу
Добрый день. Потратил целый день и не могу решить вопрос. Есть див с картинкой который float также на странице есть формула оформленная как таблица с шириной 100% так вот эта таблица не уменьшается по ширине и просто на странице появляется пустое пространство. Пример можно посмотреть здесь. Пробовал крутить разные свойства таблицы, но не смог добиться чтобы она меняла свою ширину под плавающий див. Может кто подскажет как правильно оформить формулу чтобы она отображалась как в таблице, но при вставки плавающего блока меняла ширину. Спасибо.
0 votes2 answers -
Качественное отображение svg-иконок
Здравствуйте. Сейчас все большую популярность набирает вывод иконок на сайте с помощью тегов svg>use. Для создания наборов я использую сервис IcoMoon. Проблема в том, что при выводе одной и той же иконки с помощью шрифта и тегом качество последней оставляет желать лучшего. Если на больших размерах разница не так заметна, то на маленьких все совсем плохо (см. скрин. Иконка menu c набора FontAwesome). В интернете находил советы применить к тегу svg transform: translateZ(0); или shape-rendering: crispedges; В случае с иконкой-бургером это решает проблему, но с чем-то более сложным результат выходит еще хуже, чем был до этого. Еще и ФФ при некоторых раз…
0 votes2 answers -
Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа
Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа.Сейчас ситуация такая А нужно чтобы было так Код https://jsfiddle.net/RedSniper/j9s0bg2k/ Думаю , если стрелочки были не одной фоткой они бы стали как на картинке.Нужно , как-то с помощью флексов так сделать.
0 votes2 answers -
Что нужно сделать ,чтоб выровнять картинку с остальными картинками по центру
Проблема следующая Как должно быть: И как сейчасЧерез флексы сделал эту картинку , но незнаю как выровнять стрелочки по центру картинки.А также в самом низу как через флексы попробовал , что-то не совсем хорошо получилось.Код https://jsfiddle.net/RedSniper/4rzm0pjf/2/ ,картинки не получилось загрузить.
0 votes2 answers -
css фон
Подскажите пожалуйста. Коньент с картинкой и абзацем скрываются под футером.
0 votes2 answers -
Вопрос по @media
Всем привет, есть документация под нормы расширения экранов @media screen , где обозначено до скольки PX я могу скажем так воображать себе в голове под что я верстаю телефон/планшет/пк ?
0 votes2 answers -
адаптивное меню
Каким должно быть меню на чистом CSS или JS реализация кнопки анимации открыть/закрыть ?Вы скажете какой вариант выберешь такой и будет, я верстаю первый шаблон и для меня очень важно отталкиваться в правильном направлении, если можно плюсы и минусы вариантов кто понимает в этом или свой вариант1 на чистом css https://jsbin.com/yokic/edit?html,css,output2 за счет js (jQuery) https://codepen.io/katienazarova/pen/dKyEOy?editors=1100
0 votes2 answers -
Рамка
Подскажите пожалуйста, как сделать такую рамку? , я пробовала box-shadow, , но результат не тот, что нужен box-shadow: 0 0 10px 1px grey;
0 votes2 answers -
Линии вокруг текста
Доброго времени суток форумчане. Не подскажете, как можно реализовать такие линии вокруг текста?
0 votes2 answers -
height и bottom
position: fixed; top: 0; right: 0; height: 100%; Смотрю никто никогда не указывает bottom:0; а используют height: 100%; , почему?
0 votes2 answers -
Доставка шрифтов
Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?
0 votes2 answers -
Помогите с сайтом
Помогте с сайтом, надо чтобы подменю отображалось снизу, но когда я навожу на меню происходить дичь какая то, помогите в чем проблема. Вот код: https://codepen.io/Totjmyanin/pen/rNBzYPj
0 votes2 answers -
Помогите создать верстку
Никогда не занимался этим. С чего начать? В частности интересует для начала сделать шапку из лого, 2 ссылок и 3 кнопок на соц сети. макет.rar
0 votes2 answers -
Различное поведение блоков в сафари и хроме
Почему выпадает контент из родительского блока в сафари, а в хроме все хорошо? С чего начать? Куда смотреть?
0 votes2 answers -
ищу наставника
ищу наставника: я новачок в програмування: я буду верстать сайти и буду платить небольшой процент от заказа 15%; наставник будем меня учить. у меня сильное рвения к роботе. я люблю верстать.
0 votes2 answers -
Относительный размер шрифта(smaller) дает отличный результат если задать размер явно.
Доброго дня всем. Есть пример https://codepen.io/pitchcontrol/pen/bGbJdgZ Две таблицы вложены в блок, у блока задан размер шрифта x-large, у одной таблицы задан large а у другой smaller. Получается у них должны быть одинаковые размеры, но по факту они разные. Почему это так?
0 votes2 answers -
Как это сверстать?
Здравствуйте, подскажите, как можно сверстать вот такую штуку с вертикальной линией? Перерыл весь интернет, всё не то...
0 votes2 answers -
Правильный формат якоря
В одном источнике якорь представлен одиночным тегом, в другом — пустым контейнером. Какой формат всё-таки правильнее? А может лучше контейнер, в который например, вложено название подраздела?
0 votes2 answers -
Помогите разобраться в sass @import
Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта
0 votes2 answers -
Помогите подключить SASS
Доброго время суток. Помогите подключит препроцессор SASS. При компиляции всплывает ошибка "ArgumentErorr: invalid bytes sequence in UTF-8 Use --trace for backtrace". Не знаю как победить.
0 votes2 answers -
Slick Slider неправильно рассчитывает высоту слайда
Добрый день. При первой загрузке на телефоне (и только на телефоне) Slick Slider неверно рассчитывает высоту слайдов: При пролистывании через несколько слайдов всё становится как надо: При перезагрузке слайдер также нормально грузится сразу. Это сдвоенный слайдер, т.е. нижний управляет верхним. Все картинки одного размера. Нижний слайдер работает нормально всегда, хотя в нём картинки те же самые. Пустая область под картинкой относится к слайду, т.к. за неё можно свайпать слайдер. В чём может быть проблема?
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-