Вставить изображение к имеющемуся заднему фону

[felixtrader]

1. Здравствуйте, начнем с того, что сайт просто офигенный, уже не первый раз обращаюсь к нему, не сложные корректировки в стилях и дизайне помогали всегда, НО... Кроме данного случая.

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

Девушку разделил на 3ри части, 2ой кусочек вставлю без проблем, нужно просто заменить картинку уже прописанного кода (кстати пытался вставить первый кусок изображения по примеру 2го кусочка, не получилось, что очень странно)

вот код заднего фона стиля, как добавить девушку не знаю:

body{width:100%;background:#ffffff;text-align:center;}
body a{color:#297eb9;}
body a:hover{color:#333;}

3. Еще интересный нюанс. Даже если я добавлю девушку, то пользователи мониторов с разрешением 1024х768 ее не увидят (я так понимаю). Шаблон резиновый как вообще изображение будет вести?

4. Если это для вас будет элементарно, пожалуйста проконсультируйте. Если это займет большое кол-во времени я готов обсудить вопрос, о помощи на платной основе.

Вот картинка:

[hedgehog]

body {background: #fff url('images/girl.png') no-repeat;}

а что если ее выводить целиком в отдельном блоке с position:absolute и right: ~50px, расположенным внутри враппера?

Edited November 21, 2011 by hedgehog

[Softlink]

а что если ее выводить целиком в отдельном блоке с position:absolute и right: ~50px, расположенным внутри враппера?

Если у враппера есть overflow, то он его порежет. Если так и делать, то вкладывать непосредственно в боди. А вот как посчитать положение с резиной, пока не смекну.

[felixtrader]

Для особо одаренных можете сказать, какой код вписать в ,боди?

Я сейчас пытаюсь вставить код в стили ни фига не получается вот:

1. Сейчас вот так:

body{width:100%;background:#ffffff;text-align:center;}
body a{color:#297eb9;}
body a:hover{color:#333;}

2. Вставил сначала так вар1й:

body{width:100%;background:#ffffff url(images/gerl.jpg) no-repeat left top;} 
body a{color:#297eb9;}
body a:hover{color:#333;}

//// картинка уже закачена в папку/image

3. Вариант 3й, как здесь на форуме посоветовали:

как вставить или добавить не знаю, боюсь, что я почти абсолютный чайник))))))

[Rikani]

Может быть использовать, что-то типа этого?

HTML
<div id="wrap">
 <div id="left">тут левая картинка</div>
 <div id="content">тут весь ваш контент</div>
</div>

CSS
#left{float: left; width: 100px;}
#content{margin-left: 100px;}

[sammasati]

felixtrader

background:#ffffff url(images/gerl.jpg)

В css файле путь вычисляется относительно папки, в которой лежит этот css.

Идея - сделать 3 колонки (http://www.gunlaug.no/tos/moa_27c.html). Центральная - контент, а в левую поставить девушку с привязкой к правому верхнему углу:

body{background:#ffffff url(images/gerl.jpg) no-repeat right top;} 

Вобщем, как-то так: http://jsfiddle.net/8kPqB/ Центральная колонка фиксированная.

Edited November 21, 2011 by sammasati

[felixtrader]

1. Всем огромное спасибо за советы и предложения! Не ожидал такого гостеприимства

2. Шаблон которым я пользуюсь является фиксированным, рассчитан на разрешение от 1024х768, подсказали, что на самом деле если девушка появиться, то пользователи с данным разрешением ее не увидят.

3. Вот, что теперь стоит в стилях:

body{background:#ffffff url(images/gerl.jpg) no-repeat left top;}
body a{color:#297eb9;}
body a:hover{color:#333;}

что меня удивило, девушки как не было, так и нет, но если я поменяю цвет фона

#ffffff

на любой другой он поменяется. В папке image, закачена картинка gerl.jpg

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

На счет идеи сделать 3ри колонки: У меня минимальное количество знаний php5 максимум, что могу это отредактировать, не обходимо сделать все кратчайшим путем, т.е. уже на готовом делать легкие корректировки. Тем не менее благодарю за ваше потраченное время.

[felixtrader]

Все!!! Картинка установилась )))))) надо было просто прописать вот такой путь:

body{background:#ffffff url(../images/gerl.jpg) no-repeat left top fixed;}
body a{color:#297eb9;}
body a:hover{color:#333;}

т.е поствить перед image две точки и слеш

только теперь картинка съезжает в зависимости от разрешения.

Как нужно ее зафиксировать на определенном месте?

Edited November 21, 2011 by felixtrader