Новые ответы с меткой вёрстка
0
голосов
Покрыть блок полностью изображением
.fon{
width: 1000px;
height: 400px;
background-color: wheat;
}
.img{
background-image: url('/1.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
<div class=...
0
голосов
Покрыть блок полностью изображением
Это у меня получилось при помощи Волшебного выделения PAINT3D.
Берете свой оригинал делаете то же самое, потом на странице сайта, накладываете текст и нужные блоки поверх картинки, как вы уже это ...
1
голос
Нравятся такие направления как программирование, геймдев, и верстка, но выбрать что-то одно не могу
А вы пробовали самостоятельно свой вопрос прочитать? Посмотреть на него со стороны?
Опускаем всю лирику, которая только демонстрирует, что вы крайне нецелеустремленный человек, не умеющий достигать ...
0
голосов
Принятый
Добавление текста двигает блок вниз
#error-text присваиваем position:absolute; bottom:40px;
document.getElementById('btn').onclick = function() {
document.getElementById('error-text').firstChild.innerText = 'some error text here';...
0
голосов
Добавление текста двигает блок вниз
Не совсем понял, чего вы хотите.
position: fixed применен к оболочке cont, а текст и все другие элементы находятся внутри. И сдвигается не ваш блок, а содержимое блока увеличивается на высоту текста ...
0
голосов
0
голосов
Принятый
Исчезает данные из console.log
Проблема тут:
<button class="submit-button" type="submit">Register</button>
Вы либо поставьте кнопке тип button, либо в методе делайте e.preventDefault().
А в целом, ...
2
голоса
Чем Gulp лучше Prepros?
Самому стало интересно, активно покопался. Интересно, что прямого сравнения не найти даже в англоязычном сегменте. И, вероятно, связано это с тем, что сравнивать их нет большого смысла. Они несколько ...
0
голосов
Как сделать фиксированную верстку без meta viewport
В фиксированной верстке мы задаем ширину контейнера в пикселях и, как правило выравниваем его посередине,
.container {
width:980px;
margin:0 auto;
}
0
голосов
Как сделать подобную верстку людей?
bootstrap grid -- В ней 12 колонок, как раз для 4 картинок идеально
создаешь container, в нем row,
далее col-9 -- в нем текст, оставшийся col-3 -под картинку
с подписями делать так:
в col-3 создаешь ...
8
голосов
Как сделать подобную верстку людей?
Grid Layout
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.grid h1 {
font-size: 8vw;
font-weight: 400;
margin: 0;
}
.grid p {
margin: 0;
}
.grid p:...
0
голосов
Адаптация сайта под мобильные устройства
@media (max-width: 767px) {
.content_center{
width: 100%;
}
}
Используй @media (max-width: ...px)
0
голосов
Принятый
Одно фото поверх другого
Попробовал сделать тоже через наложение и z-index. Не нравится, правда, что адрес картинки надо в двух местах прописывать.
html, body {
display: flex;
justify-content: center;
align-items: ...
0
голосов
Одно фото поверх другого
.main__img {
position: absolute;
right: 0;
z-index: 1;
opacity: 80%;
border-radius: 5px;
}
.main__img2 {
position: absolute;
right: 0;
z-index: 2;
transform: ...
1
голос
Как можно сверстать подобный блок последовательных пунктов roadmap на HTML и CSS?
Ранее я опубликовал ответ с двумя подходами. Третий подход решил опубликовать отдельно.
Предыдущие варианты имели свои минусы, и я нашел более оптимальный. Наша задача – построить дорожную карту (...
0
голосов
Как запретить увеличение экрана?
Видимо на другом ресурсе автор тоже задавал подобный вопрос.
Продублирую ответ сюда, чтобы было. (ответ не мой)
Можно добавить метатег:
<meta name="viewport" content="width=device-...
1
голос
Принятый
Как можно сверстать подобный блок последовательных пунктов roadmap на HTML и CSS?
Основная проблема получить универсальное решение при помощи только HTML и CSS заключается в порядке следования элементов. Блоки следуют друг за другом в едином потоке, а при разрыве прыгают вниз. В ...
2
голоса
Как правильно сверстать точки?
Вариант на position: absolute;
:root{--size: 20px; --red: #de0909; --violet: #5e46f0;}
.curs-block {
width: 200px;
height: 90px;
background: #ccc;
position: relative;
}
.cur {
display: ...
1
голос
Принятый
Как правильно задать стили CSS для трёх одинаковых элементов поверх фоновой картинки?
Если триколор - это фон, то через градиент.
html, body {
margin: 0;
padding: 0;
min-height: 100vh;
height: 100%;
}
#root {
height: 100%;
background: linear-gradient(to right, rgba(93, ...
0
голосов
Сохранение картинок с личного сайта
"Все мы стоим на плечах гигантов".
К чему я это? Уважаемый KoVadim уже проделал за нас всю работу - посмотрел, каким образом реализован "запрет"
Подозреваю, что то, о что советует ...
0
голосов
Проблемы с height 100% и вертикальным центрированием и последующим отображением на мобилках с мелкой высотой экрана
В классе outer - height=auto;
В классе inner - background-repeat: no-repeat;
Для центровки фона есть свойство background-position: center;
50 лучших ответов включены
Связанные метки
вёрстка × 3437css × 2530
html × 2294
javascript × 532
css3 × 376
html5 × 270
адаптивная-верстка × 252
svg × 227
jquery × 221
bootstrap × 186
веб-программирование × 160
flexbox × 122
frontend × 78
wordpress × 68
php × 65
css-animation × 49
анимация × 35
sass × 33
android × 32
шрифты × 31
internet-explorer × 31
svg-animation × 31
веб-дизайн × 26
css-grid × 25
bootstrap4 × 23