VPF::верстка div. Внутрки бокса с загругленными углами.

phpsc

Дата 16.12.2010, 15:12 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 22.11.2010

Репутация: нет
Всего: 0

Имеем прямоугольник с загругленными углами.
Все хорошо. Он тянется в высоту.
В нем пишем текст он тянется.

НО если использовать внутри этого бокса еще теги <div></div> то к этим div'am прикладывается бекграунд изображение.

Код


<div id="rounded_product" class="borders"><div><div><div><div><div><div><div>

ЕЩЕ<div></div>ЕЩЕ!!!!!!!!!! КК нему прикладывается бакграунд изображение.

</div></div></div></div></div></div></div></div>

CSS:

Код


/* box with rounded corner*/
.borders {
     background: white url(img/courners/up.jpg) top repeat-x;
     margin-top:5px;
     margin-bottom:5px;
     text-align:center;
}
.borders div {
      background: url(img/courners/right.jpg) right repeat-y; 
}
.borders div div {
      background: url(img/courners/down.jpg) bottom repeat-x; 
}
.borders div div div {
     background: url(img/courners/left.jpg) left repeat-y; 
}
.borders div div div div {
      background: url(img/courners/1.jpg) top left no-repeat; 
}
.borders div div div div div {
      background: url(img/courners/2.jpg) top right no-repeat; 
}
.borders div div div div div div {
      background: url(img/courners/3.jpg) bottom right no-repeat; 
}
.borders div div div div div div div {
      background: url(img/courners/4.jpg) bottom left no-repeat;
}

Как можно использовать <div></div> внутри этогоо бокса и чтобы не прикладывались бэкграунд изображения.

Это сообщение отредактировал(а) phpsc - 16.12.2010, 15:13

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

Социальная сеть

bars80080

Дата 16.12.2010, 15:35 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Код


.borders div div div div div div div div {
      background: none;
}

для следующего дива за последним с фоном назначить пустой фон

phpsc

Дата 16.12.2010, 15:41 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 22.11.2010

Репутация: нет
Всего: 0

спасибо!!!!!!
Больше двух месяцев искал решение!!!!!

Это сообщение отредактировал(а) phpsc - 16.12.2010, 15:42

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

Социальная сеть

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »