Изображения

[Didorri]

Добрый день.

Сделал фон и дизаин блоков и разрезал все на кусочки.

Нужно разместить фон по бокам основного блока.

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

background-repeat и его значения не помогают, background-position тоже самое.

[Gaspode]

Пациента предъявите.

[Didorri]

решил проблему . Появилась другая. при изменении разрешения все расплылось

Как это исправить?

И вообще, на каком разрешении лучше писать сайт? я на 1680х1050 сделал. Можете переделать под 1024х768 ?

[Temiks]

  On 9/8/2011 at 4:38 PM, Didorri said:

решил проблему . Появилась другая. при изменении разрешения все расплылось

Как это исправить?

И вообще, на каком разрешении лучше писать сайт? я на 1680х1050 сделал. Можете переделать под 1024х768 ?

Извините, но тут не экстрасенсы сидят ... без скриншотов ничего сказать не могу

[Didorri]

Вот скрин http://s004.radikal.ru/i208/1109/6b/4c0f3cc97d9f.jpg

Задал ширину в " % " а высоту не получается, размер не меняется. если только в px поставить.

Под шапкой должно быть 3 блока

[pika]

как-то много сразу вы проблем спрашиваете, да так разрознено и сумбурно

на счет высоты здесь последним параграфом написано http://htmlbook.ru/samlayout/blochnaya-verstka/blochnaya-model

[Didorri]

  On 9/8/2011 at 5:07 PM, pika said:

как-то много сразу вы проблем спрашиваете, да так разрознено и сумбурно

на счет высоты здесь последним параграфом написано http://htmlbook.ru/samlayout/blochnaya-verstka/blochnaya-model

Сори, просто одно решу, другое вылазит.

Спасибо за ссылку. помогло.

[Didorri]

И все таки возвращаясь к плавающему фону.

При смене разрешения фоновая картинка съежает.

Вот код. картина в body

*{margin: 0; padding: 0;}

#all

{

margin: 0 auto;

text-align: left;

width: 60%;

height: 30%;

border: 0px solid green

}

body <<< ФОН >>>

{

background-image: url(fon5.jpg);

background-color: ;

background-repeat: no-repeat;

background-position: 50% 0%;

}

#shapka

{

background-image: url(fonshapka3.jpg);

margin: 0 auto;

padding-top: 14%;

text-align: center;

width: 100%;

height: 30%;

border: 1px solid #ffffff;

}

#nav

{

width: 20%;

height: 50%;

border: 1px solid green;

float: left;

background-color: #FFFFCC

}

#text

{

width: 57.8%;

padding-left: 2%;

padding-top: 1%;

border: 1px solid green;

margin-left: 20%;

background-color: #FFFFCC;

}

#reklama

{

width: 20%;

height: 30%;;

border: 1px solid green;

float: right;

background-color: #FFFFCC

}

Edited September 8, 2011 by Didorri

[Vlad]

Обрамляйте код тегами [ code ] и [ /code ] без пробелов!