Задать вопрос

tokmaganbet

tester @tokmaganbet

css

CSS

Как лучше всего раскидать эти элементы по странице?

Думаю с помощью позиционирования, но как по мне - это коряво.

Вопрос задан более трёх лет назад
101 просмотр

Комментировать

Подписаться 2 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 2

sk1llmuf

Даниил Кириллов @sk1llmuf

frontend

background-image во весь блок

Ответ написан более трёх лет назад

6 комментариев

6 комментариев

Сергей Горячев @webirus

Одной картинкой и без геморроев.

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS
Сергей Горячев, Зачем же одной? Возможно несколько малюсеньких будут меньше весить. К тому же можно будет задать разную привязку

background: url('el1.png') no-repeat left 10px top 20px, url('el2.png') no-repeat right 10px top 20px, url('el3.png') no-repeat left 50% bottom 20px
Написано более трёх лет назад
Сергей Горячев @webirus

Сергей delphinpro, а я думаю, что без разницы, загрузить одну большую или 10 маленьких. Переведен ли сервер на HTTP/2 не известно, а если нет, то GIF, 8-битная загрузится быстро, даже большая.

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

Сергей Горячев, ну в основном я заметку сделал по-поводу привязки к сторонам.
представь, что там стало не 3x1 блоков, а 3х2 или 3х4.
background-size не поможет, элементы непропорционально деформируются.

Написано более трёх лет назад
Сергей Горячев @webirus

Сергей delphinpro, background-repeat?)

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

Сергей Горячев, ну на худой конец можно и репит =)

Написано более трёх лет назад

Lumore

Lumore @Lumore

Front-end developer

background-image + repeat

Ответ написан более трёх лет назад

Комментировать

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как правильно вставлять изображения при наличии двух тем оформления сайта?
- 1 подписчик
- 32 минуты назад
- 26 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- час назад
- 55 просмотров
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- 2 часа назад
- 59 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 16 часов назад
- 73 просмотра
1

ответ
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 18 часов назад
- 66 просмотров
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 20 часов назад
- 51 просмотр
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 20 часов назад
- 66 просмотров
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- 23 часа назад
- 57 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 79 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Нужен директолог с опытом работы

19 апр. 2024, в 10:02

6000 руб./за проект

Помощь с парсингом XML файла яндекс товаров

19 апр. 2024, в 09:46

500 руб./за проект

Обработать массив фотографий

19 апр. 2024, в 08:46

5000 руб./за проект