Фон на страница

[cold_zero]

Здравейте, мъча се тук да направя едно фонче, но нещо не ми се получава както аз искам... Целта ми е фона да е бял, и най-долу на страницата да има една малка картинка. Въпроса ми е какви настройки да задам при фона в style, за да слезе картинката долу. Сега кода ми е:

<style>
body {
        background-color: #FFFFFF;
	background-image : url(back.jpg);
	background-repeat : repeat-x;
}
</style>

 

[FestarBG]

<style>
body {
background-color: #FFFFFF;
background-image : url(back.jpg);
background-repeat : repeat-x;
background-position: bottom left;
}
</style>

 

[Fr33style]

Направи си един div в който ще ти е тази малката картинка и в style напиши

#div name
{
background: url('линка на картинката.jpg');
position: absolute;
top: 200px; //тук колко пиксела да е отдръпната отгоре
left: 100px; //тук колко пиксела да е отдръпната отляво

}

 

[otmetky]

Здравейте, мъча се тук да направя едно фонче, но нещо не ми се получава както аз искам... Целта ми е фона да е бял, и най-долу на страницата да има една малка картинка. Въпроса ми е какви настройки да задам при фона в style, за да слезе картинката долу. Сега кода ми е:

<style>
body {
        background-color: #FFFFFF;
	background-image : url(back.jpg);
	background-repeat : repeat-x;
}
</style>

<style>
body {
background-color: #FFFFFF;
background-image : url(back.jpg);
background-repeat :no repeat;
background-position:300px 400px;
}
</style>

Kato cifrite gi smenq6 taka 4e da si naglasi6 kartinkata

 

[cold_zero]

Значи картинката фактически е background-image : url(back.jpg);, вижте сами какво имам в предвид - http://goalissimo.org/podaraci , както е горе тази лентата, искам да слезе най-долу.

 

[FestarBG]

Не четеш ли,вече 3 решения на проблема ти са написани.. :wink:

 

[cold_zero]

Това със задаването на пикселите няма да го правя, защото на различните резолюции се получава различно! Пробвах твоето, но не отива до долу картинката:

<style>
body {
background-color: #FFFFFF;
background-image : url(back.jpg);
background-repeat : repeat-x;
background-position: bottom left;
}
</style>

 

[StormBreaker]

Това със задаването на пикселите няма да го правя, защото на различните резолюции се получава различно! Пробвах твоето, но не отива до долу картинката:

<style>
body {
background-color: #FFFFFF;
background-image : url(back.jpg);
background-repeat : repeat-x;
background-position: bottom left;
}
</style>

Само добавяш във body{} реда background-position:bottom left; и работи.

 

[FestarBG]

Ето ти един вариант - сложи най-отдолу един див с височина височината на картинката и широчина - широчината на сайта ти и на него му задай този фон да се повтаря..

 

[cold_zero]

Ако сложа някакви координати на тоя <div> и пиксели нали ще на различните резолюции ще е различно?! Дай някакъв пример...

 

[otmetky]

И без това сайта ти е направен неправилни тоест дизайна е с таблици.Ами защо просто не сложиш таблица там и в нея снимката една таблица повече ,по-малко в тоя сайт все тая. 8)

 

[StormBreaker]

Това със задаването на пикселите няма да го правя, защото на различните резолюции се получава различно! Пробвах твоето, но не отива до долу картинката:

<style>
body {
background-color: #FFFFFF;
background-image : url(back.jpg);
background-repeat : repeat-x;
background-position: bottom left;
}
</style>

Само добавяш във body{} реда background-position:bottom left; и работи.

Не четеш ли? ТОВА РАБОТИ ПРОБВАХ ТИ ГО НА ТВОЯ САЙТ

 

[FestarBG]

//off
И аз си играх на неговия сайт, Web Developer Addon-а е доста полезен..
//off

Просто след края на таблицата,след </table> напиши:
<div style='width: XXpx; height: XXpx; background: url('back.jpg') repeat-x bottom center;'>
където XXpx са твойте ширина и дължина..

 

[adrian]

Ето тук чети и прави каквото искаш
http://www.w3schools.com/css/pr_background-position.asp

 

[Ins1de]

 html,body{background: url('image.png') white bottom center repeat-x;}

 

[picha926]

офф най лесно е

<body bgcolor=green>
<body bgcolor=red>
<body bgcolor=black>

и така на татъка
или ти искаш някоя картинка ако е така ето

body
{ 
background-image: url(image.gif);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top left
}
Пример:
body
{ 
background-image: url(stars.gif);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 0% 0%
}