Jump to content
  • 0

Изображения


Didorri
 Share

Question

Добрый день.

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

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

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

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

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

  • Like 1
Link to comment
Share on other sites

  • 0

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

Вот код. картина в 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 by Didorri
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy