Фон выпадающего меню

@Teror2 · Регистрация: 18.02.2014

Студворк — интернет-сервис помощи студентам

Должно быть

Сделал вот

Собственно вопрос: как сделать, чтобы background был 1 для всего подменю (растягивался) как на 1 скрине, а не повторялся для каждого тега <li>

Комментарий администратора TaatshiЗагружайте изображения и файлы на форум и прикрепляйте к сообщению.
Обновленная Памятка «Как работать в редакторе сообщений»

@fol · 13.09.2014, 05:32

бэкграунд надо задать для ul, а не для li

@Teror2 · 13.09.2014, 15:24 **[ТС]**

То, что задать для ul это понятно, я имею ввиду как сделать background растянутым а не повторяющимся?

@fol · 13.09.2014, 15:50

судя по скрину, бэкграунд задается изображением прямоугольника. можно попробовать растянуть посредством background-size: 100% или background-size: cover;

@Teror2 · 13.09.2014, 16:01 **[ТС]**

вот с cover

с background-size: 100%

@fol · 14.09.2014, 13:05

значит, попилить картинку на 3 части и задавать 3 бэкграунда (левый, центральный repeat-x и правый)

@Teror2 · 14.09.2014, 17:52 **[ТС]**

левый центральный и правый? или верхний центральный и нижний?

@fol · 16.09.2014, 10:36

а это как самому удобнее будет. но в случае с горизонтальными кнопками я предпочитаю

Сообщение от Teror2

левый центральный и правый

@KaRaNTiN · 16.09.2014, 10:52

А зачем тут cover?

CSS
1
background-size: contain

Пробуйте.

Новые блоги и статьи Все статьи Все блоги /
Blazor и контроллер сервопривода IoT Meadow Maple Wired 11.07.2025 Я решил разобраться, как можно соединить современные веб-технологии с миром "железа". Интересная комбинация получилась из Blazor в качестве веб-интерфейса и микроконтроллера Meadow с его веб-сервером. . .	Генерация OpenQASM из кода Q# EggHead 10.07.2025 Летом 2024-го я начал эксперименты с библиотекой Q# Bridge, и знаете что? Она оказалась просто находкой для тех, кто работает на стыке разных квантовых экосистем. Основная фишка этой библиотеки -. . .	Изучаем новый шаблон ИИ-чата .NET AI Chat Web App stackOverflow 10.07.2025 В . NET появилось интересное обновление - новый шаблон ИИ-чата под названием . NET AI Chat Web App. Когда я впервые наткнулся на анонс этого шаблона, то сразу понял, что Microsoft наконец-то. . .	Результаты исследования от команды ARP (июль 2025 г.) Programma_Boinc 10.07.2025 Результаты исследования от команды ARP (июль 2025 г. ) Африканский проект по дождям (ARP) World Community Grid снова запущен! Мы рады поделиться обновленной информацией о нашем прогрессе с осени. . .	Angular vs Svelte - что лучше? Reangularity 09.07.2025 Сегодня рынок разделился на несколько четких категорий: тяжеловесы корпоративного уровня (Angular), гибкие универсалы (React), прогрессивные решения (Vue) и новая волна компилируемых фреймворков. . .
Code First и Database First в Entity Framework UnmanagedCoder 09.07.2025 Entity Framework дает нам свободу выбора, предлагая как Code First, так и Database First подходы. Но эта свобода порождает вечный вопрос — какой подход выбрать? Entity Framework — это. . .	Как использовать Bluetooth-модуль HC-05 с Arduino Wired 08.07.2025 Bluetooth - это технология, созданная чтобы заменить кабельные соединения. Обычно ее используют для связи небольших устройств: мобильных телефонов, ноутбуков, наушников и т. д. Работает она на частоте. . .	Руководство по структурам данных Python AI_Generated 08.07.2025 Я отчетливо помню свои первые серьезные проекты на Python - я писал код, он работал, заказчики были относительно довольны. Но однажды мой наставник, взглянув на мою реализацию поиска по огромному. . .	Тестирование энергоэффективности и скорости вычислений видеокарт в BOINC проектах Programma_Boinc 08.07.2025 Тестирование энергоэффективности и скорости вычислений видеокарт в BOINC проектах Опубликовано: 07. 07. 2025 Рубрика: Uncategorized Автор: AlexA Статья размещается на сайте с разрешения. . .	Раскрываем внутренние механики Android с помощью контекста и манифеста mobDevWorks 07.07.2025 Каждый Android-разработчик сталкивается с Context и манифестом буквально в первый день работы. Но много ли мы задумываемся о том, что скрывается за этими обыденными элементами? Я, честно говоря,. . .

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	13.09.2014, 05:32
	бэкграунд надо задать для ul, а не для li 0

@Teror2 0 / 0 / 0 Регистрация: 18.02.2014 Сообщений: 17
	13.09.2014, 15:24 [ТС]
	То, что задать для ul это понятно, я имею ввиду как сделать background растянутым а не повторяющимся? 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	13.09.2014, 15:50
	судя по скрину, бэкграунд задается изображением прямоугольника. можно попробовать растянуть посредством background-size: 100% или background-size: cover; 0

@Teror2 0 / 0 / 0 Регистрация: 18.02.2014 Сообщений: 17
	13.09.2014, 16:01 [ТС]
	вот с cover с background-size: 100% 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	14.09.2014, 13:05
	значит, попилить картинку на 3 части и задавать 3 бэкграунда (левый, центральный repeat-x и правый) 0

@Teror2 0 / 0 / 0 Регистрация: 18.02.2014 Сообщений: 17
	14.09.2014, 17:52 [ТС]
	левый центральный и правый? или верхний центральный и нижний? 0

Опции темы