Дизайн, программирование, CMS, верстка, хостинг, домены
KIka_kok
FL Team
Сообщения: 680 Зарегистрирован: 18 июл 2010, 19:52
Сообщение
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>
KIka_kok
FL Team
Сообщения: 680 Зарегистрирован: 18 июл 2010, 19:52
Сообщение
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
FL Team
Сообщения: 680 Зарегистрирован: 18 июл 2010, 19:52
Сообщение
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>
KIka_kok
FL Team
Сообщения: 680 Зарегистрирован: 18 июл 2010, 19:52
Сообщение
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>
Александр
Создатель сайта
Сообщения: 4574 Зарегистрирован: 27 сен 2009, 16:45
Сообщение
Александр » 19 дек 2010, 19:06
KIka_kok
Что именно? У ячейки с mu_10.png ты не прописал бекграунд с репитом.
KIka_kok
FL Team
Сообщения: 680 Зарегистрирован: 18 июл 2010, 19:52
Сообщение
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>
Александр
Создатель сайта
Сообщения: 4574 Зарегистрирован: 27 сен 2009, 16:45
Сообщение
Александр » 20 дек 2010, 18:44
Я не вникал в твой код, может быть ты изначально нарезал не так?
Ты специально делаешь страницу только из картинок?
KIka_kok
FL Team
Сообщения: 680 Зарегистрирован: 18 июл 2010, 19:52
Сообщение
KIka_kok » 20 дек 2010, 21:29
Да,специально чтобы делать шрифт каким хочу без дополнений а в белый квадрат я хотел вставить галерею!;(