Проблем с фона на страницата !!!

L

lompoc

Registered
Здравейте, благодаря за помощта, която ми оказвате до сега.

Имам нов проблем.

Сайта, който правя www.atelie313.hit.bg има за фон картинки, които съм си правил на Photoshopa. Проблема е следният. Когато задам за фон определена картинка тя или е много голяма, или е много малка. Което зависи разбира се и от разделителната способност на потребителя.

Как да задам фон-картинка, която да се отваря на целият екран(frame), като се разпъва според разделителната способност на потребителя. Както на desktop-a на Windows-a можеш да си избереш между "Center", "Tile" и "Stretch" . Има ли в html-a такава възможност като това "Stretch" на Desktop-a на Windows?

С уважение:

Жоро
 
FRGT10 каза:
Задаваш на картинката height="100%" и width="100%".
Увеличете...

Та по въпроса, след като имаш бекграунд - картинка , това което казваш както в windows няма. Бекграунда може да се повтаря по хоризонтала , по вертикала , може да стои центрирано - както по хоризонтала , така и по вертикала.Може да стои на точно определено място.
Съответно:

.class {

background-image: url(kartinka.jpg);

background-repeat: repeat; /* повтаря се по хоризонтала и вертикала*/

background-repeat: repeat-x; /* повтаря се САМО по хоризонтала*/

background-repeat: repeat-y; /* повтаря се САМО по вертикала*/

background-position: center center; /*центрира се по вериакла и хориз.*/

background-position: 10px 0px; /* така е точно определени координати*/

}

Колкото до това width="100%" и height="100%" се отнася за <img/> тагове , но не се използва така, защото се получава мн размацано изображение

<img width="100%" height="100%" src="picture.jpg" alt="" />


Препоръчвам ти да си избереш дадена картинка , да речем по-големичка , както казваш че имаш, да и зададеш да е центрирана ,а в същото време да сложиш и цвят на фона , гледам имаш черно , ще стане нещо такова:

body{

backgroun-image: url(kartinka.jpg);
backgroun-position: center center;

background-repeat: no-repeat; /*казваме да не се повтаря*/

background-color: #000000; /*черния цвят*/

}

или съкратено така:

body{
background: #000000 url( kartinka.jpg) no-repeat center center;
}
 
FRGT10 каза:
Точно с:
body{background: #000000 url( kartinka.jpg) no-repeat center center;}
Ще се разтяга картинката...
Увеличете...
Точно с това нищо няма да й се разтяга на картинката и човека си е написал точното решение. :idea:
 
FRGT10 каза:
Точно с:
body{background: #000000 url( kartinka.jpg) no-repeat center center;}
Ще се разтяга картинката...
Увеличете...

Човека е писал ФОН , не img таг. Решението съм го написал , точно и ясно за неразбиращи . не като теб сложи едно width и height и айде той те разбрал. Не си прав.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе