растяжка(шаблона)

Сообщение **KIka_kok** » 18 дек 2010, 13:40

Привет всем, хотелось бы спросить, вот в ниже приведеном коде, картинки mu_10.png mu_18. png(причем эти две картинки идут как одна, только поделены на 2 части в правой части) mu_02 и mu_12(с этими двумя так же как с теми, они находятся в левой части), и mu_06(эта картинка находится выше справа под шапкой) должны растягиватся в зависимости от размера окна браузера пользователя, а остальные части оставались теми же прежними размера какими они есть, картинки должны растягиватся в плане на тянуть, а в плане повторятся!

Буду очень благодарен за помощь! навсякий случай исходник http://flapps.ru/uploads/1292669148_Desktop.rar

Код: Выделить всё

<html><head><title>URALIANCE</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1201" height="961" border="0" cellpadding="0" cellspacing="0">    <tr>        <td rowspan="6">            <img src="images/mu_01.png" width="3" height="393" alt=""></td>        <td colspan="2" rowspan="5">            <img src="images/mu_02.png" width="17" height="392" alt=""></td>        <td colspan="4">            <img src="images/mu_03.png" width="1180" height="122" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="122" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_04.png" width="518" height="271" alt=""></td>        <td>            <img src="images/mu_05.png" width="29" height="2" alt=""></td>        <td colspan="2" rowspan="2">            <img src="images/mu_06.png" width="633" height="15" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="2" alt=""></td>    </tr>    <tr>        <td rowspan="11">            <img src="images/mu_07.png" width="29" height="836" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="13" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_08.png" width="563" height="350" alt=""></td>        <td>            <img src="images/mu_09.png" width="70" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_10.png" width="70" height="350" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="254" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_11.png" width="17" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td colspan="2" rowspan="7">            <img src="images/mu_12.png" width="17" height="567" alt=""></td>        <td colspan="2">            <img src="images/mu_13.png" width="521" height="21" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="21" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_14.png" width="3" height="274" alt=""></td>        <td rowspan="3">            <img src="images/mu_15.png" width="518" height="274" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="73" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_16.png" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_17.png" width="563" height="424" alt=""></td>        <td rowspan="4">            <img src="images/mu_18.png" width="70" height="472" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="200" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_19.png" width="521" height="212" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="212" alt=""></td>    </tr>    <tr>        <td rowspan="2">            <img src="images/mu_20.png" width="3" height="60" alt=""></td>        <td rowspan="2">            <img src="images/mu_21.png" width="518" height="60" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="12" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_22.png" width="563" height="48" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="48" alt=""></td>    </tr>    <tr>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="14" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="518" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="29" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="70" height="1" alt=""></td>        <td></td>    </tr></table> </body></html>

Код: Выделить всё

<td rowspan="5" style="background:url('images/mu_10.png') repeat-x;">

Сообщение **KIka_kok** » 19 дек 2010, 10:30

Александр,нифига + dreamwiever добавляет автоматически javascript,при нем вообще билибирда получается)

Код: Выделить всё

<script type="text/javascript"><!--function MM_swapImgRestore() { //v3.0  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}} function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//--></script>

Сообщение **KIka_kok** » 19 дек 2010, 10:36

ну,dreamwiever тупой это понятно,делал код через HTML KIT он ничего не вставляет но тулку от repeat-x ; нету как было так и есть только картинки стали backgroundom вот получившийся код

Код: Выделить всё

<html><head><title>URALIANCE</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="1201" height="961" border="0" cellpadding="0" cellspacing="0">    <tr>        <td rowspan="6">            <img src="images/mu_01.png" width="3" height="393" alt=""></td>                    <td rowspan="5" colspan="2" style="background:url('images/mu_02.png') repeat-x; height:392;"></td>        <td colspan="4">            <img src="images/mu_03.png" width="1180" height="122" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="122" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_04.png" width="518" height="271" alt=""></td>        <td>            <img src="images/mu_05.png" width="29" height="2" alt=""></td>        <td colspan="2" rowspan="2">            <img src="images/mu_06.png" width="633" height="15" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="2" alt=""></td>    </tr>    <tr>        <td rowspan="11">            <img src="images/mu_07.png" width="29" height="836" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="13" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_08.png" width="563" height="350" alt=""></td>        <td>            <img src="images/mu_09.png" width="70" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_10.png" width="70" height="350" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="254" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_11.png" width="17" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>                    <td rowspan="7" colspan="2" style="background:url('images/mu_12.png') repeat-x; height:567;"></td>        <td colspan="2">            <img src="images/mu_13.png" width="521" height="21" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="21" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_14.png" width="3" height="274" alt=""></td>        <td rowspan="3"><img src="images/mu_15.png" width="518" height="274" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="73" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_16.png" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_17.png" width="563" height="424" alt=""></td>        <td rowspan="4" style="background:url('images/mu_18.png') repeat-x; height:472;">            </td>        <td>            <img src="images/spacer.gif" width="1" height="200" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_19.png" width="521" height="212" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="212" alt=""></td>    </tr>    <tr>        <td rowspan="2">            <img src="images/mu_20.png" width="3" height="60" alt=""></td>        <td rowspan="2">            <img src="images/mu_21.png" width="518" height="60" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="12" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_22.png" width="563" height="48" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="48" alt=""></td>    </tr>    <tr>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="14" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="518" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="29" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="70" height="1" alt=""></td>        <td></td>    </tr></table> </body></html>

может?

Код: Выделить всё

<table id="Table_01" width="100%"

Сообщение **KIka_kok** » 19 дек 2010, 18:32

Александр,точно

но ошибка неуходит

Код: Выделить всё

<html><head><title>URALIANCE</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="100%" height="961" border="0" cellpadding="0" cellspacing="0">    <tr>        <td rowspan="6">            <img src="images/mu_01.png" width="3" height="393" alt=""></td>                    <td rowspan="5" colspan="2" style="background:url('images/mu_02.png') repeat-x; height:392;"></td>        <td colspan="4">            <img src="images/mu_03.png" width="1180" height="122" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="122" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_04.png" width="518" height="271" alt=""></td>        <td>            <img src="images/mu_05.png" width="29" height="2" alt=""></td>        <td colspan="2" rowspan="2">            <img src="images/mu_06.png" width="633" height="15" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="2" alt=""></td>    </tr>    <tr>        <td rowspan="11">            <img src="images/mu_07.png" width="29" height="836" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="13" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_08.png" width="563" height="350" alt=""></td>        <td>            <img src="images/mu_09.png" width="70" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_10.png" width="70" height="350" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="254" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_11.png" width="17" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>                    <td rowspan="7" colspan="2" style="background:url('images/mu_12.png') repeat-x; height:567;"></td>        <td colspan="2">            <img src="images/mu_13.png" width="521" height="21" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="21" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_14.png" width="3" height="274" alt=""></td>        <td rowspan="3"><img src="images/mu_15.png" width="518" height="274" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="73" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_16.png" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_17.png" width="563" height="424" alt=""></td>        <td rowspan="4" style="background:url('images/mu_18.png') repeat-x; height:472;">            </td>        <td>            <img src="images/spacer.gif" width="1" height="200" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_19.png" width="521" height="212" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="212" alt=""></td>    </tr>    <tr>        <td rowspan="2">            <img src="images/mu_20.png" width="3" height="60" alt=""></td>        <td rowspan="2">            <img src="images/mu_21.png" width="518" height="60" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="12" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_22.png" width="563" height="48" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="48" alt=""></td>    </tr>    <tr>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="14" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="518" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="29" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="70" height="1" alt=""></td>        <td></td>    </tr></table> </body></html>

KIka_kok
Что именно? У ячейки с mu_10.png ты не прописал бекграунд с репитом.

Сообщение **KIka_kok** » 20 дек 2010, 14:07

Так?Если так то неработает ,нерастягивается всё рушится

Код: Выделить всё

<html><head><title>URALIANCE</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="100%" height="961" border="0" cellpadding="0" cellspacing="0">    <tr>        <td rowspan="6">            <img src="images/mu_01.png" width="3" height="393" alt=""></td>                    <td rowspan="5" colspan="2" style="background:url('images/mu_02.png') repeat-x; height:392;"></td>        <td colspan="4">            <img src="images/mu_03.png" width="1180" height="122" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="122" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_04.png" width="518" height="271" alt=""></td>        <td>            <img src="images/mu_05.png" width="29" height="2" alt=""></td>        <td rowspan="2"  colspan="2"  style="background:url('images/mu_10.png') repeat-x;">            <img src="images/mu_06.png" width="633" height="15" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="2" alt=""></td>    </tr>    <tr>        <td rowspan="11">            <img src="images/mu_07.png" width="29" height="836" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="13" alt=""></td>    </tr>    <tr>        <td rowspan="5">            <img src="images/mu_08.png" width="563" height="350" alt=""></td>        <td>            <img src="images/mu_09.png" width="70" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>      <td rowspan="5" style="background:url('images/mu_10.png') repeat-x;">            </td>        <td>            <img src="images/spacer.gif" width="1" height="254" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_11.png" width="17" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>                    <td rowspan="7" colspan="2" style="background:url('images/mu_12.png') repeat-x; height:567;"></td>        <td colspan="2">            <img src="images/mu_13.png" width="521" height="21" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="21" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_14.png" width="3" height="274" alt=""></td>        <td rowspan="3"><img src="images/mu_15.png" width="518" height="274" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="73" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_16.png" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="1" alt=""></td>    </tr>    <tr>        <td rowspan="3">            <img src="images/mu_17.png" width="563" height="424" alt=""></td>        <td rowspan="4" style="background:url('images/mu_18.png') repeat-x; height:472;">            </td>        <td>            <img src="images/spacer.gif" width="1" height="200" alt=""></td>    </tr>    <tr>        <td colspan="2">            <img src="images/mu_19.png" width="521" height="212" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="212" alt=""></td>    </tr>    <tr>        <td rowspan="2">            <img src="images/mu_20.png" width="3" height="60" alt=""></td>        <td rowspan="2">            <img src="images/mu_21.png" width="518" height="60" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="12" alt=""></td>    </tr>    <tr>        <td>            <img src="images/mu_22.png" width="563" height="48" alt=""></td>        <td>            <img src="images/spacer.gif" width="1" height="48" alt=""></td>    </tr>    <tr>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="14" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="3" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="518" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="29" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="563" height="1" alt=""></td>        <td>            <img src="images/spacer.gif" width="70" height="1" alt=""></td>        <td></td>    </tr></table> </body></html>

Я не вникал в твой код, может быть ты изначально нарезал не так?
Ты специально делаешь страницу только из картинок?

Сообщение **KIka_kok** » 20 дек 2010, 21:29

Да,специально чтобы делать шрифт каким хочу без дополнений а в белый квадрат я хотел вставить галерею!;(

растяжка(шаблона)

растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)

Re: растяжка(шаблона)