| |
|
|
| | Как сделать так чтобы при уменьшении размеров окна браузера фон растягивался вместе с содержимыми элементами фона. Тоесть получается на фон наложен текст и когда уменьшаешь размер окна то текст выходит за пределы фона по ширине | |
| |
|
|
| |
|
|
| |
для: admiral
(23.04.2009 в 11:08)
| | | Фон не тянется.
Но можно растянуть на весь элемент (100%) картинку, а вторым слоем поверх уже наложить текст и что угодно. Вот как тут: www.ventpm.ru | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(23.04.2009 в 11:20)
| | | А такой вопрос. Например в каком-то месте нужно разместить фон, но больше в нем никаких элементов нету.
То как потом всамом html документе прописать?
Тоесть вот к примеру есть #fon_1
В этом слое прописан фон и где он будет располагаться. А в html я прописал так <div id="fon_1"></div>, тоесть получается пустой див, ведь так неправильно делать? Как следует правильно? | |
| |
|
|
| |
|
|
| |
для: admiral
(23.04.2009 в 16:44)
| | | можно и пустой. но вы ведь фон не ради фона делаете? задавайте фон для элемента которому он нужен | |
| |
|
|
| |
|
|
| |
для: AlexSol
(23.04.2009 в 16:51)
| | | Верно Вы гооворите. Ну например создаешь класс .menu{} в нем прописываю фон и растягиваю по высоте.
Теперь в самом html пишу
<div class="menu">
<ul style="list-style-image: url('image/li_left.jpg')">
<li><a href=""><img src="image/home.jpg" alt="Главная" border="0"></a>
</ul>
</div>
|
Как позиционировать список внутри этого класса чтобы он за пределы фона не выходил? | |
| |
|
|
| |
|
|
| |
для: admiral
(23.04.2009 в 18:27)
| | | позиционировать можно
1 при помощи абсолютного позиционирования и указанием отступов от границ
2 при помощи отступов (padding/margin)
а чтобы что-то не выходило за пределы можно ограничивать по ширине/высоте или свойство overfow
---
прикрепляйте сщематические картинки - будет проще разобраться что нужно | |
| |
|
|
| |
|
|
| |
для: AlexSol
(23.04.2009 в 20:02)
| | | >прикрепляйте сщематические картинки - будет проще разобраться что нужно
В общем хочу сделать вот такую менюшку - http://st-giprogor.ru/1.jpg
В жизни никогда неверстал, хочу разобраться.
Как бы посоветали правильно сверстать такое меню? | |
| |
|
|
| |
|
|
| |
для: admiral
(24.04.2009 в 15:05)
| | | Ну и где там фон растягивать, блин?!
1. рисуется одна полоска светло-серого градиента.
2. делается нужной ширины блок со свойством background: url(mycoolgradient.jpg) right repeat-y;
3. внутри этого блока втыкается блок поуже, у которого таким же макаром задан бэкграунд с кусочком вертикальной полосы, той, что видно справа.
4. следующий вложенный блок будет несущим - в нем будет СЛЕВА такой же бэкграунд, как в предыдущем, плюс друг под другом маленькие блоки, бордового цвета с названиями разделов, а между ними - маркированный список с подразделами, причем у списка указан list-style-image, ссылающийся на картинку с вот такой вот стрелочкой, как на рисунке.
Верстка не для начинающих, но ничего сверхсложного.
Из воспитательных соображений, переводить это в код не буду.
И учись уже вопросы формулировать, а то "фон растянуть"! | |
| |
|
|
