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



 

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

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

Открыть тему
Тема закрыта
> Repeat картинки фона по "y" в вертикальном сайт баре
Kdes70
Kdes70
Topic Starter сообщение 27.2.2012, 22:47; Ответить: Kdes70
Сообщение #1


Здравствуйте! задумал в вертикальном сайт баре растиражировать картинку горизонтальную, но тиражируется она только в заданном размере. можно ли сделать так что бы она тиражировалось по высоте всего блока, просто высота может меняться
вот на рисунке видно если понадобится выложу стили.
Зарания благодарю за любую оказанную помощь
Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 27.2.2012, 23:25; Ответить: matroskin8
Сообщение #2


Здравствуйте! задумал в вертикальном сайт баре растиражировать картинку горизонтальную, но тиражируется она только в заданном размере

Что-то делаете не так. Фоновое изображение по умолчанию занимает всю доступную область блока. Например:
<style type="text/css">
    .sidebar{
        width:200px;
        border:1px solid #ccc;
        background:url(bg.jpg);
    }
</style>
<div class="sidebar">
Здравствуйте! задумал в вертикальном сайт баре растиражировать картинку горизонтальную, но тиражируется она только в заданном размере. можно ли сделать так что бы она тиражировалось по высоте всего блока, просто высота может меняться
вот на рисунке видно если понадобится выложу стили.
Зарания благодарю за любую оказанную помощь
</div>

В качестве фонового изображения использована картинка 10*10 пикселей.
Результат:
Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kdes70
Kdes70
Topic Starter сообщение 27.2.2012, 23:36; Ответить: Kdes70
Сообщение #3


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

/*левый блок*/

#left{

width: 157px;
height: 100%;

float: left;
outline: 1px solid blue;


}

#title{
height: 40px;
background-image:url("../images/title1.png") ;
background-repeat: no-repeat;
outline: 0px solid red;


}


#nav {
height: 100%;
padding: 8px;
padding-bottom: 0px;
background-image:url("../images/leftfooter.png") ;
background-repeat: repeat-y;
outline: 1px solid red;
}

В качестве фонового изображения использована картинка 10*10 пикселей.


но у меня изображение двух цветное и я зделал полоску 10*150px
Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 27.2.2012, 23:48; Ответить: matroskin8
Сообщение #4


но у меня изображение двух цветное и я зделал полоску 10*150px

Да хоть трехцветное :blink:
Изображение по умолчанию репитится по всему блоку. Делаете в данном случае полоску шириной 150 и высотой пару пикселей - и картинка будет повторяться до самого низа блока.
<style type="text/css">
    .sidebar{
        width:150px;
        background:url(bg.jpg);
    }
    .sidebar p{
        padding:10px;
    }
</style>
<div class="sidebar">
<p>Здравствуйте! задумал в вертикальном сайт баре растиражировать картинку горизонтальную, но тиражируется она только в заданном размере. можно ли сделать так что бы она тиражировалось по высоте всего блока, просто высота может меняться
вот на рисунке видно если понадобится выложу стили.
Зарания благодарю за любую оказанную помощь</p>
</div>

Результат:
Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kdes70
Kdes70
Topic Starter сообщение 28.2.2012, 0:16; Ответить: Kdes70
Сообщение #5


Но мне нужно чтобы он репился не от содержимого

.sidebar{
width:150px;
background:url(bg.jpg);
от этого он прижемается к навигации, мне нужно что бы он просто репился до футера
Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 28.2.2012, 0:21; Ответить: yury_mw
Сообщение #6


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

Kdes70,
содержимое не пробовали в блок положить? Попробуйте и все у вас "растиражируется".
Или высоту задайте явно, какую вам надо (не в процентах, а в пикселях).
А вообще, судя по вашей задаче, вам полезно будет почитать вот эту статью Колонки одинаковой высоты
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 28.2.2012, 0:22; Ответить: matroskin8
Сообщение #7


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

Но мне нужно чтобы он репился не от содержимого

Так что именно нужно? Еще раз повторюсь - фоновое изображение заполняет весь блок. Нужно, чтобы заполнило весь блок? Укажи высоту блока. Определись, что нужно и четко сформулируй вопрос - здесь мысли не читают.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kdes70
Kdes70
Topic Starter сообщение 28.2.2012, 0:31; Ответить: Kdes70
Сообщение #8


Прикрепленное изображение
надо чтобы фон в сайт баре растягивался в месте с контентом
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 28.2.2012, 0:40; Ответить: matroskin8
Сообщение #9


Наконец-то...
И опять-таки вопрос сформулирован неверно. Надо чтобы тянулся не фон, а блоки. При этом все блоки должны иметь одинаковую высоту. Улавливаешь разницу? Если будут тянуться блоки, то с ними растянется и фон. А фон и так тянется по всей высоте блока... задай границы блоку, чтобы убедиться в этом.
Для того, чтобы получить решение, достаточно загуглить фразу "блоки одинаковой высоты". Первый же результат предлагает сразу 4 варианта решения.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ваш сайт блокирует Роскомнадзор?
23 hollywooduk 5096 27.3.2024, 10:43
автор: hollywooduk
Открытая тема (нет новых ответов) Тысячи ботовых переходов на сайт
18 Suagaring 4540 26.3.2024, 21:42
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Блог: городской сми сайт в Прибалтике
23 kapusta1 3538 24.3.2024, 22:02
автор: Liudmila
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлы[Услуги] Баннер/Графика/Сайт
238 FillPlay 179403 23.3.2024, 16:31
автор: freeax
Открытая тема (нет новых ответов) Пишет кто отзывы на сайт в янднекс с разных аккаунтах
1 TenDemon_rs 1133 22.3.2024, 13:18
автор: writer80


 



RSS Текстовая версия Сейчас: 29.3.2024, 17:10
Дизайн