Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > верстка div. Внутрки бокса с загругленными углами.

Автор: phpsc 16.12.2010, 15:12

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

НО если использовать внутри этого бокса еще теги <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> внутри этогоо бокса и чтобы не прикладывались бэкграунд изображения.

Автор: bars80080 16.12.2010, 15:35

Код


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

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

Автор: phpsc 16.12.2010, 15:41

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