Разделы: Интернет | Web-дизайн |
| |
|
Помогите сделать бэкграунд к сайту. |
|
|
1:. 25.12.2011 : 20:05:43 : stasbess Ширина моего сайта "site-wrapper" 920 px; но фон страницы белый и потому страница как бы раскрыта на всю ширину экрана. Я решил сделать бэкграунд в виде 2 колонок: слева и справа. В .css я прописал: (левая колонка)
body {
background-image: url(http://i42.servimg.com/u/f42/11/82/80/57/stucco11.jpg); background-repeat:repeat-y; background-position: top left;
}
и все было бы ничего, но как вставить вторую, правую колонку - я пока не знаю. Прописываю обе - показывает только одну. Подскажите, как быть?
p.s.
Сайт построен без таблиц и задействовать таблицы мне бы очень не хотелось. Так по крайней мере, сайт во всех браузерах выглядит одинаково.
Моя почта: stasbess@gmail.com
Заранее всем спасибо за помощь.
2:. 25.12.2011 : 20:10:19 : Vladimir Две картинки на один тег в background поствить нельзя.
Пропишите div с абсолютной позицией расположенный справа, высотой 100%, ему пропишите background.
Вариант 2 - использовать 1 картинку, раз у вас ширина фиксированная.
3:. 26.12.2011 : 12:22:35 : stasbess re Я прописал, но ничего не получается. Див - получился без бэкграунда, я прописал в .css другой класс... но картинка, из которой должен получиться бэкграунд путем размножения по вертикали, не размножается. Все перепробовал.
Можно по подробнее?
4:. 26.12.2011 : 12:28:33 : Vladimir stasbess, я думаю, в вашем случае проще сделать одну большую картинку, слева и справа будет текстура (насколько я понял), а в середине просто белое поле и поставить ее на фон body.
В случае с div, я смогу подсказать только глядя на вашу страницу, по другому сложно.
5:. 26.12.2011 : 17:08:35 : stasbess re Картинки получатся не из легких, пускай уж лучше размножаются на экране постепенно. Правую колонку, как наиболее сложную в выравнивании - я прописал в .css - осталось вставить левую - она по дефолту впишется прижатая влево во всех браузерах.
Мой сайт строится по адресу: http://1rpr.ru
Спасибо, Владимир
6:. 26.12.2011 : 17:51:52 : Vladimir Попробуйте сделать так:
<div style="position: relative; height: auto; overflow: hidden;">
<div style="position:absolute; width:200px; height:100%; min-height: 100%; left:0; top:0; background: url('http://i42.servimg.com/u/f42/11/82/80/57/stucco12.jpg') repeat-y scroll left top #FFFFFF;"></div>
СОДЕРЖИМОЕ СТРАНИЦЫ
</div>
В стиль html, body добавьте height: 100%;
html, body{
height: 100%;
}
В Firefox это работает, в остальных браузерах у меня нет возможности посмотреть... Сложность 100% высоту задать div, разные браузеры по разному это делают.
7:. 26.12.2011 : 21:45:47 : stasbess my respect Владимир, огромное человеческое спасибо за вашу помощь. Вообще - верстать сайт - это скорее хобби, нежели профессия. Просто я привык разбираться хотя бы на дилетантском уровне в том, с чем сталкиваюсь по жизни.
Хотя, психология мне все же ближе...
Мне вскоре понадобится помощь в подключении скриптов к гостевой, комментариям сайта и страницам с онлайн тестами. До последнего не хочу прибегать к PHP и динамическим страницам... Поисковики их до сих пор не жалуют. Замысел прост. 100 ссылок с главной страницы, затем - ссылки и внутренняя перелинковка... (В продвижении сайта я ориентируюсь гораздо лучше, нежели в верстке и дизайне)
Если вам это не претит - оставайтесь на связи, а я в свою очередь найду способ вас отблагодарить.
Моя почта: stasbess@gmail.com
Еще раз большое вам спасибо за вашу помощь.
8:. 26.12.2011 : 21:54:31 : Vladimir stasbess, обращайтесь, чем смогу помогу!
Советую использовать PHP, без него будет очень сложно управлять страницами.
PHP скрипт выполняется на сервере, поисковики о нем даже не знают. Зато вот если вы общие блоки и структуру сайта сайта сделаете на PHP, это значительно вам жизнь упростит.
Тут лучше день потерять на изучение, а затем за 5 минут долететь ;)
Тема закрыта, новые сообщения добавить нельзя. |