background ??

[miro91]

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

 

[atanas13]

Няма такава команда в CSS или (X)HTML.
Пуснах същата тема в наколко форума (включително и този) и във всичките ми отговориха, че става само и единствено с Javascript.

 

[animatora]

пробвай с тоя урок дай на снимката класс
http://web-tourist.net/login/login/view.php?st=2303

 

[lortnoc]

http://www.htmlite.com/faq022.php

 

[I_V_O]

Ами ако го задаваш от background мисля че не Но можеш да използваш картинка, по този начин:

<div id="kon">
<img src="img.gif" id="fon" style="position:absolute;z-index: -10" />
Текст
</div>
<script type="text/javascript">
var he = document.getElementById('kon').offsetHeight;
var we = document.getElementById('kon').offsetWidth;
document.getElementById('fon').style.width = we +"px";
document.getElementById('fon').style.height = he +"px";
</script>

Не съм го пробвал кода, но би трябвало да стане!

 

[miro91]

ситих се как да го направя. Ще нарежа на три части фона и тази средната част ще дам да се повтаря.

 

[atanas13]

http://www.htmlite.com/faq022.php

Работи!
Благодаря ти много!
Откога търся решение на този проблем!

 

[I_V_O]

ситих се как да го направя. Ще нарежа на три части фона и тази средната част ще дам да се повтаря.

Но по принцип използвайте моя начин за 'неповтарящи' се картинки 8)

 

[animatora]

ETO ТИ РЕШЕНИЕТО

  <script type="text/javascript">
        window.onload = function()
        {
            // get the offset height of the center div and apply it to the sidebars
            var centerElement = document.getElementById('right').offsetHeight + 'px';
            document.getElementById('left').style.height = centerElement;
            document.getElementById('main').style.height = centerElement;
        }
        </script>
<div style='height:900px;border:1px solid #000;' id='right'>
<img src='img.jpg' id='left'></div>
</div>

 

[atanas13]

Има ли начин да стане същото без Javascript, но да се ползва background-image: url(...) вместо <img src="..." alt="..." ... />?

 

[I_V_O]

Има ли начин да стане същото без Javascript, но да се ползва background-image: url(...) вместо <img src="..." alt="..." ... />?

Може да се използва и background-image, но без javascript няма на каде

 

[atanas13]

Има ли начин да стане същото без Javascript, но да се ползва background-image: url(...) вместо <img src="..." alt="..." ... />?

Може да се използва и background-image, но без javascript няма на каде

Добре, ще ми напишеш ли кода на Javascrpt, с който да става strech-ването при ползване на background-image?
Ще ти бъда благодарен.
Javascript нямам нищо против да сложа, само че е задължително да се ползва background-image.

 

[I_V_O]

Оф извинявай пич объркал съм те Като я сложиш за бакграунд няма как да и промениш размерите. Но може да споделиш ситуацията ще даваме идеи за друг начин

 

[atanas13]

Ами проблемът е, че трябва да ползвам CSS за изображението, а не <img src="..." alt="..." ... />, понеже е голямо по размер и аз чрез специална CSS команда съм го накарал да не са зарежда в по-стари браузъри или такива за GSM-ми, но за да използвам тази команда, трябва да използвам background-iamge за изображението.

 

[I_V_O]

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

 

[atanas13]

Ами така ще направя, явно нямам избор.