Проблема с версткой резинового дива

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Веб-дизайн

Проблема с версткой резинового дива, Тянущийся блок с закругленными углами

Опции

mrTall

Topic Starter сообщение

31.8.2011, 18:18; Ответить: mrTall

Сообщение #1

Частый гость

Группа: User
Сообщений: 64
Регистрация: 17.5.2011
Поблагодарили: 17 раз
Репутация:

Верстаю сайт, столкнулся с тривиально проблемой начинающих верстальщиков.
имеется блок

Untitled_1.jpg ( 48,67 килобайт ) Кол-во скачиваний: 12

наши услуги нужно сверстать резиновым, было принято решение сделать спрайт, и позиционировать бекграунд.
css напоминает что-то такое

.left-menu ul div {
    height: 31px;
    width:200px;
    background: url(img/left-menu-sprite.png) no-repeat left -31px;
    padding-left:12px;
    display:block;
}
.left-menu ul div{

    height:31px;
    /*background: url(img/left-menu-sprite.png) no-repeat right 0px;*/
    padding-right:12px;
}

Вот сам спрайт

left_menu_sprite.png ( 1,82 килобайт ) Кол-во скачиваний: 11

Незнаю где я допускаю ошибку, точнее вроде знаю, но не нашел решение. Подскажите как правильно реализовать такой блок 1 дивом, и 1 спрайтом.

Ответить с цитированием данного сообщения

programmer92 programmer92 31.8.2011, 21:27; Сообщений: 229 Поблагодарили: 57 раз Репутация: 18 Просмотр профиля	31.8.2011, 21:27; Ответить: programmer92 Сообщение #2
Участник Группа: Banned Сообщений: 229 Регистрация: 12.6.2011 Из: Роддома Поблагодарили: 57 раз Репутация: 18	А почему CODE .left-menu ul div{ повторяется 2 раза?

lostprophet lostprophet 31.8.2011, 21:56; Сообщений: 2623 Поблагодарили: 3367 раз Репутация: 298 Просмотр профиля	31.8.2011, 21:56; Ответить: lostprophet Сообщение #3
Squares are loaded Группа: Super Moderator Сообщений: 2623 Регистрация: 18.11.2008 Из: Ростов-на-Дону Поблагодарили: 3367 раз Репутация: 298	Все гораздо проще. Посмотрите тут как сверстан пункт меню и повторите так же. -------------------- Верстка, Joomla \| Более 7-ми лет пользуюсь этим хостингом

mrTall Topic Starter mrTallTopic Starter 1.9.2011, 12:00; Сообщений: 64 Поблагодарили: 17 раз Репутация: 5 Просмотр профиля	Topic Starter 1.9.2011, 12:00; Ответить: mrTall Сообщение #4
Частый гость Группа: User Сообщений: 64 Регистрация: 17.5.2011 Поблагодарили: 17 раз Репутация: 5	2 programmer92 изначально было не верно написано, сейчас отдальный клас там. 2 lostprophet Да пример хороший, спасибо. Если не выйдет сделать 1 дивом, сделаю как на сайте бигдуглас. Но вопрос остается вопросом. 1 спрайт, 1 див, это возможно?

CoolMaster CoolMaster 1.9.2011, 14:15; Сообщений: 18 Поблагодарили: 7 раз Репутация: 1 Просмотр профиля	1.9.2011, 14:15; Ответить: CoolMaster Сообщение #5
Новичок Группа: User Сообщений: 18 Регистрация: 15.8.2011 Поблагодарили: 7 раз Репутация: 1	Но вопрос остается вопросом. 1 спрайт, 1 див, это возможно? Возможно, если правильно понял html-конструкцию. Задайте 1 часть спрайта для ul, а вторую - для div. В css будет примерно(!) так: .menu ul, .menu ul div{background:url(image.png) no-repeat left top; .menu ul{background-position:значение значение;} .menu ul div{background-position:значение значение;} Как ошибка, не сохраняйте прозрачность, иначе квадратные углы "длинной" части справйта перекроют "короткую". Думаю поможет Сообщение отредактировал CoolMaster - 1.9.2011, 14:16 -------------------- Верстка html+css. Интеграция на Wordpress, ShopCMS

mrTall Topic Starter mrTallTopic Starter 2.9.2011, 18:47; Сообщений: 64 Поблагодарили: 17 раз Репутация: 5 Просмотр профиля	Topic Starter 2.9.2011, 18:47; Ответить: mrTall Сообщение #6
Частый гость Группа: User Сообщений: 64 Регистрация: 17.5.2011 Поблагодарили: 17 раз Репутация: 5	1 дивом так и не вышло реализовать. Банально залили 1 картинкой. У кого выйдет сделать резиновый див с бекграундом отпишитесь, интересно.

Bloome

14.9.2011, 22:40; Ответить: Bloome

Сообщение #7

клоновод

Группа: Banned
Сообщений: 58
Регистрация: 12.9.2011
Поблагодарили: 2 раза
Репутация:

-4

чтобы сделать резиновым, все размеры не в пикселях а в процентах указывайте))

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

клоновод

« Предыдущая тема · Веб-дизайн · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Годный дизайн с последующей версткой 2.0	9	pronlex	8996	24.7.2022, 23:15 автор: pronlex
Нужен дизайн с версткой для сайта Недорого	1	tygrytsa	2978	21.8.2019, 13:11 автор: Димон98
Проблема с админкой	5	Prok	2336	29.7.2019, 20:04 автор: dvakarandasha
Необходим дизайн сайта под ключ, с версткой и адаптивом	1	Mukis	1868	27.5.2019, 23:29 автор: Андрей_WPM
Проблема с таблицей, которая выводится через скрипт	7	vanchester	1339	15.2.2019, 19:06 автор: Artos_mw

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 0:36

Дизайн