Question

Доброго времени суток!

Прошу помочь мне в вопросе дизайна. А именно заднего фона блока.Дело в том что я сделал задний фон блоков boxContent в виде картинки. В меню она прекрасно вписывается. Но проблема состоит в том что если блок и материал в нем очень длинный, она начинает обрываться и повторяться снова. Как сделать так что бы заканчиваясь картинка повторялась сразу, без проьелов? Заранее благодарен за помощь.

 

Скрин

 

Answer 1

Ознакомьтесь с материалом - http://htmlbook.ru/css/background-repeat

Comments

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

Вот как выглядить мой код стиля для блока на данный момент

boxContent {background:url('http://www.retro-film.ru/informer_fon.gif') bottom ;padding:0 5px 20px 10px}

---

В вашем случае проще воспользоваться багроундом и просто залить фон блока нужным цветом. Как это сделать? найти в таблице стилей CSS строку номер 74, полностью замените ее на:

.boxContent {
padding:0 5px 20px 10px;
background: #E8C89F;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);    
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);    
-ms-box-shadow: 0 0 10px rgba(0,0,0,0.5);     
-o-box-shadow: 0 0 10px rgba(0,0,0,0.5);     
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-radius: 5px;
}

Далее в стилях найти строку номер 72:

.boxTable {width:207px;margin-bottom: 5px;}

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

---

Огромное спасибо. Получилось шикарно!!!