Промяна на фоновата картинка спрямо големината на таблицата

[vmastera]

Мисля че заглавието е изчерпателно.
Ще дам пример със супер хостинг
ето тази картинка е зададена чрез CSS като фон https://www.superhosting.bg/i/design/div_white_orange.gif

Вижте във главната страница как са и променили размерите :?

Предварително благодаря

 

[emagi]

<img src="" width="" height="" />

МОже да зададеш ширината в px-пиксели или % проценти
Пробвай да зададеш шрината на таблицата в проценти, и същото да важи за изображението.Макар аз да не съм привърженик на процентитем, предпочитам px-лите

 

[vmastera]

мерси за отговора но това го знам
хватката е да се зададе в CSS като фон а не с имг

 

[shterev]

не ми се играе да пиша точно кода , само ще ти обясня как става:

имаш един главен див, на който се гледа само ширината, във хоста е с проценти.После в нвго имаш два дива , аз бих ги направил един в друг , не един до друг, на единия задаваш едната страна на картинката left и паддинг в ляво , а на другия див другата страна .А в хостинга са го направили с 3 дива горен среден и долен и на горния са задали в него два дива , на средния също 2 и долния също.
Сигорно не си разбрал, но не ми се обяснява точно сега с подробности

 

[vmastera]

Ако можеш да драснеш и кода ще съм ти много благодарен

 

[Zion]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
</head>
<body>

<div class="style">
<div class="style_zaglavie">
<h2>Web-Tourist.NeT</h2>
</div></div>

</body>
</html>

Картинки:

 

[shterev]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> Добре дошли!</title>
<style type="text/css">
.box { width:50%; margin: 0 auto;}

.left_top { padding:0 0 0 6px;
background: url(left_top.gif) no-repeat left top;}

.right_top { height:41px;
background: url(right_top.gif) no-repeat right top;}

.left_center { padding:0px 0 0 6px;
background: url(left_center.gif) repeat-y left top;}

.right_center { background: url(right_center.gif) repeat-y right top;}

.left_bottom { padding:0 0 0 6px;
background: url(left_bottom.gif) no-repeat left top;}

.right_bottom { height:6px;
background: url(right_bottom.gif) no-repeat right top;}
</style>
</head>
<body>

<div class="box">

<div class="left_top">
<div class="right_top">Title of something</div>
</div>

<div class="left_center">
<div class="right_center">
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
Lorem ipsuim is simply dummy text.Lorem ipsuim is simply dummy text.
</div>
</div>

<div class="left_bottom">
<div class="right_bottom"></div>
</div>
</div>

</body>
</html>


Е правиш си десните картинки колкото искаш , тук максимума е 704 , може да си ги направиш и по-дълги.


Картинки:

 

[vmastera]

И двамата заслужавате точка но shterev олучи точно това което исках :?:
+1 Благодаря много