Background според резолюцията

[razor72]

Има ли някакъв начив да направя този background с балончетата дето розовото да се разтяга свива според резолюцията като footer лентата ето снимка сега как е http://store.picbg.net/pubpic/47/D7/fad76b27f20e47d7.JPG ето и кода за backgrounda

[css]body {
background-image: url("images/background.png");
background-repeat: no-repeat;
margin: 0px auto;
padding: 0;
text-align: center;
text-decoration: none;
}
[/css]

 

[IzKuFeLiQqQqQ]

[css]html,body {
background: url("images/background.png") no-repeat top center;
width:100%;
margin: 0 auto;
padding: 0;
text-align: center;
text-decoration: none;
}[/css]
пробвай така PP

 

[razor72]

Ми не така се центрира от началото на менюто до края

 

[IzKuFeLiQqQqQ]

[css]html,body {
background: url("images/background.png") no-repeat top left;
width:100%;
margin: 0 auto;
padding: 0;
text-align: center;
text-decoration: none;
}[/css]
така :idea:

 

[razor72]

Нищо не се промени

 

[IzKuFeLiQqQqQ]

я дай някво демо и малко код...

 

[razor72]

eто демо http://demo45.freehosting.bg/
ако искаш да ти дам целия css файл

 

[IzKuFeLiQqQqQ]

html, body {
background: url("images/background.png") no-repeat top left;
width:100%;
margin: 0 auto;
padding: 0;
text-align: center;
text-decoration: none;
}

сложи тоя код... иии мисля че картинката ти е малка... затова не се получава...

 

[razor72]

Ми нестава ли кода да разтегне колкото му е резолюцията

 

[IzKuFeLiQqQqQ]

Ми нестава ли кода да разтегне колкото му е резолюцията

не... трябва ти по голяма картинка за да стане на цял екран...

 

[razor72]

Eм направих ама като намаля на 1024x768 режи картинката и стои грозно

 

[I_V_O]

Сложи го като <img> таг с абсолютна позиция, зад другите елементи и му дай width:100%

 

[razor72]

Може ли да ми напишеш целия код

 

[I_V_O]

Не. Направи си го сам, за да го разбереш.

 

[razor72]

Ми незнам как

 

[I_V_O]

<img src="адрес на картинката" style="position:absolute;top:0px;left:0px;width:100%;z-index:-1;" />

Сложи го в <body> най-отгоре. Oпитвай да разбираш нещата, за да се справяш сам :]

 

[IvanAdamov]

Виж този код HTML5

В зависимост от размера на браузъра можеш да задавш различен CSS в който да си оставиш различен бекграунд... И така няма да имаш проблеми.

 

[razor72]

<img src="адрес на картинката" style="position:absolute;top:0px;left:0px;width:100%;z-index:-1;" />

Сложи го в <body> най-отгоре. Oпитвай да разбираш нещата, за да се справяш сам :]

Мс много имаш точка от мене