Помощник
|
Repeat картинки фона по "y" в вертикальном сайт баре |
Kdes70
|
Сообщение
#1
|
||
|
|
||
|
|||
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
|
Сообщение
#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 |
27.2.2012, 23:48;
Ответить: matroskin8
Сообщение
#4
|
|
но у меня изображение двух цветное и я зделал полоску 10*150px Да хоть трехцветное Изображение по умолчанию репитится по всему блоку. Делаете в данном случае полоску шириной 150 и высотой пару пикселей - и картинка будет повторяться до самого низа блока. <style type="text/css"> .sidebar{ width:150px; background:url(bg.jpg); } .sidebar p{ padding:10px; } </style> <div class="sidebar"> <p>Здравствуйте! задумал в вертикальном сайт баре растиражировать картинку горизонтальную, но тиражируется она только в заданном размере. можно ли сделать так что бы она тиражировалось по высоте всего блока, просто высота может меняться вот на рисунке видно если понадобится выложу стили. Зарания благодарю за любую оказанную помощь</p> </div> Результат: |
|
|
Kdes70
|
Сообщение
#5
|
|
|
|
|
yury_mw |
28.2.2012, 0:21;
Ответить: yury_mw
Сообщение
#6
|
|
Здравствуйте! задумал в вертикальном сайт баре растиражировать картинку горизонтальную, но тиражируется она только в заданном размере. можно ли сделать так что бы она тиражировалось по высоте всего блока, просто высота может меняться Kdes70, содержимое не пробовали в блок положить? Попробуйте и все у вас "растиражируется". Или высоту задайте явно, какую вам надо (не в процентах, а в пикселях). А вообще, судя по вашей задаче, вам полезно будет почитать вот эту статью Колонки одинаковой высоты |
|
|
matroskin8 |
28.2.2012, 0:22;
Ответить: matroskin8
Сообщение
#7
|
|
можно ли сделать так что бы она тиражировалось по высоте всего блока, просто высота может меняться Но мне нужно чтобы он репился не от содержимого Так что именно нужно? Еще раз повторюсь - фоновое изображение заполняет весь блок. Нужно, чтобы заполнило весь блок? Укажи высоту блока. Определись, что нужно и четко сформулируй вопрос - здесь мысли не читают. |
|
|
Kdes70
|
Сообщение
#8
|
|
|
|
|
matroskin8 |
28.2.2012, 0:40;
Ответить: matroskin8
Сообщение
#9
|
|
|
Наконец-то...
И опять-таки вопрос сформулирован неверно. Надо чтобы тянулся не фон, а блоки. При этом все блоки должны иметь одинаковую высоту. Улавливаешь разницу? Если будут тянуться блоки, то с ними растянется и фон. А фон и так тянется по всей высоте блока... задай границы блоку, чтобы убедиться в этом. Для того, чтобы получить решение, достаточно загуглить фразу "блоки одинаковой высоты". Первый же результат предлагает сразу 4 варианта решения.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Ваш сайт блокирует Роскомнадзор? | 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 |
Текстовая версия | Сейчас: 29.3.2024, 17:10 |