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
-
Таблица
Доброго времени суток участникам данного сайта. Скажите пожалуйста возможно ли в HTML странице создать таблицу с формулами. То есть как таблица в EXCEl вбил значение он автоматически подсчитал.
0 votes1 answer -
margin-top: !important; как убрать отступ?
Привет! Не знаю куда создать тему, переместит наверно сам модератор... Вопрос: margin-top: !important; как убрать отступ ? Т.е остается длинный пробел, если задать отступ, то другая страница на сайте портится...
0 votes1 answer -
Помогите с header'ом
недавно начал изучать html css, вроде все понятно, но не могу сообразить как правильно сверстать такой header. помогите примером
0 votes1 answer -
Как правильно и быстро вырованять 50на50 экран
Нужно выровнять 2 дива ,как более быстро это сделать ,посоветуйте
0 votes1 answer -
С помощью Flex строки меню вместе. Что не так?
Здравствуйте. Верстаю макет, но чтото не так. Подобные верстал раньше, все было хорошо, даже сверяю, все чуть ли не под копирку написал. Но в Этом коде почему-то строки в меню слиплись и не могу их раскинуть. на рисунке как должно быть, и как выходит. Что не так делаю? Html: <div class="container"> <header class="header"> <div class="header-item"> <a href="#"><h1 class="logo">Bouncy</h1></a> <nav class="navbar"> <ul class="menu"> <li><a href="#">Hello</a> </li> <li><a href="#">About</a> </li> …
0 votes1 answer -
Звездочки, но не рейтинг
Приветствую, пользователь. Делаю верстку по макету и надо сделать звездочки (Скриншот прикрепил), как я понял по макету они просто высвечиваются, возможности ставить оценку не должно быть. Так вот как лучше сверстать это, чтобы, например, когда проект уйдет в продакшн людям с админки было бы удобнее выставлять их. Я просто поместил фото звездочки в div и продублировал звездочку нужное количество раз, а также применил float:right (скриншот прикрепил) . Был вариант сделать с помощью чекбоксов (выключить их и поменять иконку на звездочку), но подумал, что это костыль. Так вот как лучше сверстать это и правильно ли использовать в таком случае float в 2020 году? Звездочки …
0 votes1 answer -
Помогите установить akeneo или pimcore
Для интернет магазина хочу собрать товары с прайслистов в одном из этих PIM систем и от них уже импортировать по сайтам, доскам и продажным платфорам. Но 2 дня не могу установить, поскажите пожалуста русским языком сурикату . Как установитиь их: akeneo или pimcore, Что не обходимо и как дурчку инструкцию)
0 votes1 answer -
проблемы с Лид формой
Всем привет. Столкнулся с какой-то ошибкой в коде, при вводе номера телефона в Лид форму на ПК и iPhone все нормально, а вот с андроид сбивается формат и не отправляется заявка, если не удалить черточки
0 votes1 answer -
Изменение ширины блока без изменения ширины картинки
Как изменить ширину блока(хочу вставить два блока по бокам блока с картинкой-логотипом). Как видно на скриншоте, там много свободного места которое не используется.
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 -
Ломается блок в моб версии сайта
Сверстал блок номерами телефонов, возможно криво не спорю, но я все еще учусь верстать. Блок меня устраивает, только вот адаптировать не знаю как, на мобильном экране блок ломается, как этого избежать, но при этом сохранить вид блока в 100%, подскажите пожалуйста? https://jsfiddle.net/q0ozsk5e/
0 votes1 answer -
Адаптивное изображение
В общем, сделал на сайте таблицу "почему мы", и на разрешении 1920х1080 выглядит она нормально, однако на смартфонах и на более низких разрешениях изображение не адаптируется, пробовал убрать фиксированные параметры width и height, но у картинок слишком высокое разрешение. Сайт.
0 votes1 answer -
Проблема вёрстки
https://jsfiddle.net/8tybdkz0/ Я только начал верстать, в общем всегда справа остаётся место, хз как убрать.
0 votes1 answer -
Медиа запросы | CSS
День добрый. С помощью видео курса осваиваю медиа запросы - адаптация под мобильную версию только на CSS, навигация HTML. Проблема следующая - адаптация работает когда я открываю сайт в окне и на своей операционной системе самостоятельно меняю размер окна, но при этом не работает в режиме разработчика, когда я выбираю просмотр с устройства, в моём случае это был iPad, и при этом автор в видео курсе демонстрирует работу медиа запросов именно там. Я попробовал перенести веб-страницу на свой телефон и открыть её в браузере - адаптивная версия там тоже не сработала. Видео за январь 2020, у автора Chrome - у меня тоже, разве что у него Mac, у меня Windows. Что это за магия т…
0 votes1 answer -
Помогите сверстать блок
Здравствуйте, помогите, пожалуйста сверстать блок (в красной рамке). Как сделать слайдер на заднем фоне, и чтобы зеленая линия не смещалась при изменении размера окна?
0 votes1 answer -
Помогите сделать такое
Подскажите пожалуйста, есть ли готовое решение такого переключателя? Или как он называется, что гуглить нужно?) http://wbear.by/uslugi/uborka-kvartir/
0 votes1 answer -
Не работает макет сайта.
Привет всем. Занимаюсь версткой совсем недавно. Прочел тему, что если сделать один блок с 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 -
Как сделать так,чтобы два всплывающих окна перекрывали друг друга при активности?
Есть адаптивное меню .mobmenu и кнопка обратной связи .feedback.openform. Как сделать так,чтобы при нажатии на гамбургер, меню с темным задним фоном перекрывало кнопку обратной связи,чтобы ее нельзя было нажать? И наоборот,при нажатии на форму обратной связи,нельзя было вызвать адаптивное меню. С меню вроде как я справился,но вот как полностью вывести фидбэк на передний план и чтобы при этом чтобы header с гамбургером отошли назад? https://codepen.io/tempest2708/pen/dyMVoOp pornohub-google-chrome-2020-09-04-00-56-15_AYQgL2jv.compressed.mp4
0 votes1 answer -
Как гридами разместить дивы по углам родителя?
у меня 4 квадрата и я хочу разместить каждый из этих квадратов в каждый угол флекс-контейнера,решил сделать это командой justify-self и когда задаю для дива one параметр justify-self: start, то реакции не идет. Можно ли разместить каждый див по углу через грид? https://codepen.io/tempest2708/pen/ZEWaepy
0 votes1 answer -
не "выезжает" текст под картинкой при ее нажатии.
подскажите нубу, у меня на странице при нажатии на лого, должен "выезжать" внизу отзыв клиента, раньше работало, теперь нет И еще удалились 2 лого,как восстановить ( Альфастрахование и ВСК)? Как это поправить и почему перестало работать? Спасибо заранее! https://kasko007.ru/otzyvy/ Вот: </div> </div> </div> <h1>Читать отзывы клиентов по каско</h1> <b style="color: red;">Нажмите на логотип компании, чтобы увидеть отзывы</b> <div class="image_frame image_item no_link scale-with-grid no_border"> <div class="image_wrapper"><img class="scale-with-grid" src="/wp-content/Ingosstrah.jpg" alt="alph…
0 votes1 answer -
Уменьшить размер шрифта при уменьшении блока
div.Row { height: 15vh; width: 100%; ... } div.Col{ height: 100%; ..... .Col1{width: 10%;} .Col2{width: 60%;} ) <Div class = "Row"> <Div class = "Col Col1">текст<Div> <Div class = "Col Col2">Длинный текст<Div> </Div> Такой вот код. Как средствами CSS3 сделать так, чтоб текст был, допустим, 70% от высоты ROW (или COL, в моем случае высота одна и таже), но в случае, если не вмещается в заданную ширину блока, автоматически уменьшался в размере? Спасибо
0 votes1 answer -
Скопировать css из фигмы
Стиль из фигмы только sass. Если преобразовать, то хоть и добавиться точка с запятой но название в стиле не добавляется, что очень трудно если строчек за четыреста. Можно еще как нибудь скопировать безбоязненно стиль из фигмы с обычным css?
0 votes1 answer -
Как это сделано? Битрикс, hover, фиксация.
Привет! Не соображу, как сделано так, что при наведении на карточку в каталоге появляется блок добавления в корзину, но высота родительского блока не меняется. Вернее, сетка не расползается. Как это сделано? https://mirbelia.ru/catalog/nizhnee_bele/
0 votes1 answer -
Встраивание html5 объектов, в верстку.
Всем добрый день, нужна помощь по верстке. Сейчас занялся перебудовой сайта на html5 вместо флеша, и столкнулся с тем что нужно правильно вставить html5 объекты. Мой сайт - abso-lute.ru, там сейчас 2 элемента вверху (меню и кристал), нужно их правильно вставить. Я полагаю это возможно через iframe, но получилось криво, ещё и при загрузке какие-то полосы прокрутки. Rebuilt В общем.
0 votes1 answer -
Убрать горизонтальную прокрутку
Добрый день! Появилась горизонтальная прокрутка, по отладчику вижу ,что блоки больше заданной ширины max-width 1140px. Видимо, причина в этом, но не понимаю, как это исправить. Помогите,пожалуйста. Shop.rar
0 votes1 answer