Помощник
|
Резиновый дизайн |
EnterBack
|
Сообщение
#1
|
||
|
|
||
|
|||
Licoric |
14.2.2010, 15:02;
Ответить: Licoric
Сообщение
#2
|
|
лучше скрины прикладывай. Мало понятной что есть "ужасно смотрится".
|
|
|
Alcorn |
14.2.2010, 15:30;
Ответить: Alcorn
Сообщение
#3
|
|
min-width для минимального разрешения (+expression ie6), остальное растягивается.
|
|
|
sikwel_hb |
14.2.2010, 20:48;
Ответить: sikwel_hb
Сообщение
#4
|
|
Alcorn, зачем сразу неопытного дизайнера, который верстку от дизайна отличить не в состоянии сразу умными словами пичкаешь?:sarcastic:
Может ему нужно просто с азов начать читать, пару ссылочек дать, чтобы изучил (; Уважаемый ElectriK, вы это, информации бы побольше предоставили, просто сказать "научите меня верстать резиновые сайты" - ничего не сказать) это как если бы вы пришли в автосервис и сказали, научите меня чинить грузовые авто конкретнее пожалуйста (; |
|
|
EnterBack
|
Сообщение
#5
|
|
вот тут все нормально, это для разрешения 1280*1024
http://s003.radikal.ru/i204/1002/97/4ce54f44240b.png а вот тут что будет при 1024*768 [IMG]http://s55.radikal.ru/i148/1002/4d/a42f3e8d4dca.png[/IMG] помогите, как сделать нормально?? |
|
|
sikwel_hb |
14.2.2010, 21:04;
Ответить: sikwel_hb
Сообщение
#6
|
|
Отлично, Электрик, теперь все стало ясно)
Вы хотите чтобы вам сверстали резиновый сайт, чтобы он хорошо смотрелся на всех разрешениях?)) Но поймите, здесь все хотят кушать иногда и не станут вам верстать сайт просто так) Здесь помогают по конкретной проблеме, когда дают адрес сайта, описывают КОНКРЕТНУЮ проблему и просят совета. Нужен хотя бы линк на страницу, чтобы хоть что-то сказать. |
|
|
EnterBack
|
Сообщение
#7
|
|
тут что плохо видно что ли??
при 1280*1024 дизайн смотрится хорошо а при 1024*768 ползет, появляются полосы прокрутки и т.п как это устранить?? |
|
|
sikwel_hb |
15.2.2010, 23:26;
Ответить: sikwel_hb
Сообщение
#8
|
|
Уважаемый, я по вашему обладаю сверхъестественными способностями медиума?)))
если бы я имел эти способности, поверьте меня бы не было на этом форуме, я бы сейчас лежал в шезлонге и смотрел на лазурные волны тихого океана, потягивая прохладный кристал. разве я не писал что без линка или кода вам никто толком ничего не скажет? так что для того чтобы сделать всех счастливыми приведите пожалуйста ваш код или дайте ссылку на эту страницу |
|
|
siuzi_drum |
8.6.2010, 9:53;
Ответить: siuzi_drum
Сообщение
#9
|
|
Здравствуйте. Проблема в двух словах: резиновый сайт. Я взволновался тем же что и мой предшественник выше. Я пробовал делать сайт в wysiwyg редакторе. ну код может и ломанный и ужасен... Но дело не в этом. А в том что закинул я его в дримвивер и начал голову ломать как мне избежать проблемы что описана sikwelом.
Искал в нете, вроде нашел пару статей. прочитал...взглянул на свой код...снова прочитал...и все-таки решил написать вам.))))) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Главная</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="Web Page Maker"> <style type="text/css"> /*----------Text Styles----------*/ .ws6 {font-size: 8px;} .ws7 {font-size: 9.3px;} .ws8 {font-size: 11px;} .ws9 {font-size: 12px;} .ws10 {font-size: 13px;} .ws11 {font-size: 15px;} .ws12 {font-size: 16px;} .ws14 {font-size: 19px;} .ws16 {font-size: 21px;} .ws18 {font-size: 24px;} .ws20 {font-size: 27px;} .ws22 {font-size: 29px;} .ws24 {font-size: 32px;} .ws26 {font-size: 35px;} .ws28 {font-size: 37px;} .ws36 {font-size: 48px;} .ws48 {font-size: 64px;} .ws72 {font-size: 96px;} .wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;} /*----------Para Styles----------*/ DIV,UL,OL /* Left */ { margin-top: 0px; margin-bottom: 0px; } </style> <style type="css"> div#container { position:relative; width: 828px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align:left; } body {text-align:center;margin:0} </style> <script language="JavaScript1.4" type="text/javascript"> <!-- function jsPlay(soundobj) { var thissound= eval("document."+soundobj); try { thissound.Play(); } catch (e) { thissound.DoPlay(); } } //--> </script> <script language="javascript" type="text/javascript"> <!-- function MM_swapImgRestore() { 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() { 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) { 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() { 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> </head> <body background="images/90_51_04.jpg" bgProperties="fixed" Link="#FFFFFF" VLink="#FFFFFF" ALink="#FFFFFF" style="background-attachment:fixed;"> <div id="container"> <div id="image7" style="position:absolute; overflow:hidden; left:207px; top:198px; width:594px; height:675px; z-index:0"><img src="images/block.png" alt="" title="" border=0 width=594 height=675></div> <div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:146px; height:172px; z-index:1"><img src="images/logo_zvet_01.png" alt="" title="" border=0 width=146 height=172></div> <div id="g_nav10d" style="position:absolute; left:0px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav10','','images/nav46607960a.gif',1)" href="home.html"><img name="g_nav10" onLoad="MM_preloadImages('images/nav46607960a.gif')" alt="" border=0 src="images/nav46607960i.gif"></a></div> <div id="g_nav11d" style="position:absolute; left:207px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav11','','images/nav46607961a.gif',1)" href="index.html"><img name="g_nav11" onLoad="MM_preloadImages('images/nav46607961a.gif')" alt="" border=0 src="images/nav46607961i.gif"></a></div> <div id="g_nav12d" style="position:absolute; left:414px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav12','','images/nav46607962a.gif',1)" href="home.html"><img name="g_nav12" onLoad="MM_preloadImages('images/nav46607962a.gif')" alt="" border=0 src="images/nav46607962i.gif"></a></div> <div id="g_nav13d" style="position:absolute; left:621px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav13','','images/nav46607963a.gif',1)" href="#"><img name="g_nav13" onLoad="MM_preloadImages('images/nav46607963a.gif')" alt="" border=0 src="images/nav46607963i.gif"></a></div> <div id="nav20d" style="position:absolute; left:0px; top:198px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav20','','images/nav65478280a.gif',1)" href="index.html"><img name="nav20" onLoad="MM_preloadImages('images/nav65478280a.gif')" alt="" border=0 src="images/nav65478280i.gif"></a></div> <div id="nav21d" style="position:absolute; left:0px; top:231px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav21','','images/nav65478281a.gif',1)" href="home.html"><img name="nav21" onLoad="MM_preloadImages('images/nav65478281a.gif')" alt="" border=0 src="images/nav65478281i.gif"></a></div> <div id="nav22d" style="position:absolute; left:0px; top:264px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav22','','images/nav65478282a.gif',1)" href="#"><img name="nav22" onLoad="MM_preloadImages('images/nav65478282a.gif')" alt="" border=0 src="images/nav65478282i.gif"></a></div> <div id="nav23d" style="position:absolute; left:0px; top:297px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav23','','images/nav65478283a.gif',1)" href="arhiv.html"><img name="nav23" onLoad="MM_preloadImages('images/nav65478283a.gif')" alt="" border=0 src="images/nav65478283i.gif"></a></div> <div id="nav24d" style="position:absolute; left:0px; top:330px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav24','','images/nav65478284a.gif',1)" href="#"><img name="nav24" onLoad="MM_preloadImages('images/nav65478284a.gif')" alt="" border=0 src="images/nav65478284i.gif"></a></div> <div id="nav25d" style="position:absolute; left:0px; top:363px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav25','','images/nav65478285a.gif',1)" href="#"><img name="nav25" onLoad="MM_preloadImages('images/nav65478285a.gif')" alt="" border=0 src="images/nav65478285i.gif"></a></div> <div id="g_image4" style="position:absolute; overflow:hidden; left:151px; top:165px; width:29px; height:29px; z-index:4"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="g_image3" style="position:absolute; overflow:hidden; left:358px; top:165px; width:29px; height:29px; z-index:5"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="g_image2" style="position:absolute; overflow:hidden; left:564px; top:165px; width:29px; height:29px; z-index:6"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="g_image1" style="position:absolute; overflow:hidden; left:772px; top:165px; width:29px; height:29px; z-index:7"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="image2" style="position:absolute; overflow:hidden; left:207px; top:199px; width:29px; height:29px; z-index:8"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="text1" style="position:absolute; overflow:hidden; left:219px; top:230px; width:323px; height:357px; z-index:9"> <div class="wpmd"> <div><font class="ws12">Мы только недавно начали работу. У нас два концертных зала для проведения разнообразнейших мероприятий. Один маленький стильный зальчик для проведения мероприятий численностью до 100 человек, второй - большой на 1000 мест. Проводим концерты известных и начинающих исполнителей, молодежные фестивали, сборы фанатов, конвенты, организуем разнообразные клубы по интересам, театральные постановки. Приглашаем зрителей и артистов! Наш адрес: Литовский б-р., д.7. Наши контактные телефоны: 425-55-11, 425-80-00</font></div> </div></div> <div id="image4" style="position:absolute; overflow:hidden; left:548px; top:221px; width:228px; height:158px; z-index:10"><img src="images/untitled_jpg_tsr.JPG" alt="" title="" border=0 width=228 height=158></div> </div></body> </html> я правильно понимаю, что что б прописать аля "резиновые свойства для странички необходимо что-то менять вот здесь? : div#container { position:relative; width: 828px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align:left; Подскажите или подкорректируйте меня. Заранее спасибо!:goodpost: |
|
|
siuzi_drum |
8.6.2010, 9:54;
Ответить: siuzi_drum
Сообщение
#10
|
|
Здравствуйте. Проблема в двух словах: резиновый сайт. Я взволновался тем же что и мой предшественник выше. Я пробовал делать сайт в wysiwyg редакторе. ну код может и ломанный и ужасен... Но дело не в этом. А в том что закинул я его в дримвивер и начал голову ломать как мне избежать проблемы что описана sikwelом.
Искал в нете, вроде нашел пару статей. прочитал...взглянул на свой код...снова прочитал...и все-таки решил написать вам.))))) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> я правильно понимаю, что что б прописать аля "резиновые свойства для странички необходимо что-то менять вот здесь? :<html> <head> <title>Главная</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="Web Page Maker"> <style type="text/css"> /*----------Text Styles----------*/ .ws6 {font-size: 8px;} .ws7 {font-size: 9.3px;} .ws8 {font-size: 11px;} .ws9 {font-size: 12px;} .ws10 {font-size: 13px;} .ws11 {font-size: 15px;} .ws12 {font-size: 16px;} .ws14 {font-size: 19px;} .ws16 {font-size: 21px;} .ws18 {font-size: 24px;} .ws20 {font-size: 27px;} .ws22 {font-size: 29px;} .ws24 {font-size: 32px;} .ws26 {font-size: 35px;} .ws28 {font-size: 37px;} .ws36 {font-size: 48px;} .ws48 {font-size: 64px;} .ws72 {font-size: 96px;} .wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;} /*----------Para Styles----------*/ DIV,UL,OL /* Left */ { margin-top: 0px; margin-bottom: 0px; } </style> <style type="css"> div#container { position:relative; width: 828px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align:left; } body {text-align:center;margin:0} </style> <script language="JavaScript1.4" type="text/javascript"> <!-- function jsPlay(soundobj) { var thissound= eval("document."+soundobj); try { thissound.Play(); } catch (e) { thissound.DoPlay(); } } //--> </script> <script language="javascript" type="text/javascript"> <!-- function MM_swapImgRestore() { 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() { 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) { 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() { 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> </head> <body background="images/90_51_04.jpg" bgProperties="fixed" Link="#FFFFFF" VLink="#FFFFFF" ALink="#FFFFFF" style="background-attachment:fixed;"> <div id="container"> <div id="image7" style="position:absolute; overflow:hidden; left:207px; top:198px; width:594px; height:675px; z-index:0"><img src="images/block.png" alt="" title="" border=0 width=594 height=675></div> <div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:146px; height:172px; z-index:1"><img src="images/logo_zvet_01.png" alt="" title="" border=0 width=146 height=172></div> <div id="g_nav10d" style="position:absolute; left:0px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav10','','images/nav46607960a.gif',1)" href="home.html"><img name="g_nav10" onLoad="MM_preloadImages('images/nav46607960a.gif')" alt="" border=0 src="images/nav46607960i.gif"></a></div> <div id="g_nav11d" style="position:absolute; left:207px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav11','','images/nav46607961a.gif',1)" href="index.html"><img name="g_nav11" onLoad="MM_preloadImages('images/nav46607961a.gif')" alt="" border=0 src="images/nav46607961i.gif"></a></div> <div id="g_nav12d" style="position:absolute; left:414px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav12','','images/nav46607962a.gif',1)" href="home.html"><img name="g_nav12" onLoad="MM_preloadImages('images/nav46607962a.gif')" alt="" border=0 src="images/nav46607962i.gif"></a></div> <div id="g_nav13d" style="position:absolute; left:621px; top:166px; z-index:2"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('g_nav13','','images/nav46607963a.gif',1)" href="#"><img name="g_nav13" onLoad="MM_preloadImages('images/nav46607963a.gif')" alt="" border=0 src="images/nav46607963i.gif"></a></div> <div id="nav20d" style="position:absolute; left:0px; top:198px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav20','','images/nav65478280a.gif',1)" href="index.html"><img name="nav20" onLoad="MM_preloadImages('images/nav65478280a.gif')" alt="" border=0 src="images/nav65478280i.gif"></a></div> <div id="nav21d" style="position:absolute; left:0px; top:231px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav21','','images/nav65478281a.gif',1)" href="home.html"><img name="nav21" onLoad="MM_preloadImages('images/nav65478281a.gif')" alt="" border=0 src="images/nav65478281i.gif"></a></div> <div id="nav22d" style="position:absolute; left:0px; top:264px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav22','','images/nav65478282a.gif',1)" href="#"><img name="nav22" onLoad="MM_preloadImages('images/nav65478282a.gif')" alt="" border=0 src="images/nav65478282i.gif"></a></div> <div id="nav23d" style="position:absolute; left:0px; top:297px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav23','','images/nav65478283a.gif',1)" href="arhiv.html"><img name="nav23" onLoad="MM_preloadImages('images/nav65478283a.gif')" alt="" border=0 src="images/nav65478283i.gif"></a></div> <div id="nav24d" style="position:absolute; left:0px; top:330px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav24','','images/nav65478284a.gif',1)" href="#"><img name="nav24" onLoad="MM_preloadImages('images/nav65478284a.gif')" alt="" border=0 src="images/nav65478284i.gif"></a></div> <div id="nav25d" style="position:absolute; left:0px; top:363px; z-index:3"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav25','','images/nav65478285a.gif',1)" href="#"><img name="nav25" onLoad="MM_preloadImages('images/nav65478285a.gif')" alt="" border=0 src="images/nav65478285i.gif"></a></div> <div id="g_image4" style="position:absolute; overflow:hidden; left:151px; top:165px; width:29px; height:29px; z-index:4"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="g_image3" style="position:absolute; overflow:hidden; left:358px; top:165px; width:29px; height:29px; z-index:5"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="g_image2" style="position:absolute; overflow:hidden; left:564px; top:165px; width:29px; height:29px; z-index:6"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="g_image1" style="position:absolute; overflow:hidden; left:772px; top:165px; width:29px; height:29px; z-index:7"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="image2" style="position:absolute; overflow:hidden; left:207px; top:199px; width:29px; height:29px; z-index:8"><img src="images/logo111.gif" alt="" title="" border=0 width=29 height=29></div> <div id="text1" style="position:absolute; overflow:hidden; left:219px; top:230px; width:323px; height:357px; z-index:9"> <div class="wpmd"> <div><font class="ws12">Мы только недавно начали работу. У нас два концертных зала для проведения разнообразнейших мероприятий. Один маленький стильный зальчик для проведения мероприятий численностью до 100 человек, второй - большой на 1000 мест. Проводим концерты известных и начинающих исполнителей, молодежные фестивали, сборы фанатов, конвенты, организуем разнообразные клубы по интересам, театральные постановки. Приглашаем зрителей и артистов! Наш адрес: Литовский б-р., д.7. Наши контактные телефоны: 425-55-11, 425-80-00</font></div> </div></div> <div id="image4" style="position:absolute; overflow:hidden; left:548px; top:221px; width:228px; height:158px; z-index:10"><img src="images/untitled_jpg_tsr.JPG" alt="" title="" border=0 width=228 height=158></div> </div></body> </html> div#container { position:relative; width: 828px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align:left; Подскажите или подкорректируйте меня. Заранее спасибо!:goodpost: |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ | 0 | bunneh | 351 | 16.4.2024, 18:02 автор: bunneh |
|
PRO дизайн: для маркетплейсов и соц. сетей, разработка сайтов, логотипов и иллюстраций! | 27 | OlgaMcField | 8385 | 6.4.2024, 11:55 автор: OlgaMcField |
|
Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка. | 27 | zaiko | 17553 | 2.4.2024, 14:00 автор: zaiko |
|
Делаю полностью уникальный дизайн для сайтов! | 46 | AlexDIZ | 93961 | 26.3.2024, 20:03 автор: AlexDIZ |
|
Дизайн сайтов и прочей графики | 3 | sapernik | 4631 | 4.2.2024, 17:34 автор: Vikbit |
Текстовая версия | Сейчас: 20.4.2024, 10:20 |