brendmaster Posted January 31, 2012 Report Share Posted January 31, 2012 (edited) Привет, люди добрые! Помогите пожалуйста с этим простым шаблоном. Я просто совсем ничего не понимаю в верстке. Меня друг попросил ему сайт переделать. Не смог отказать, нарисовать нарисовал, а дальше не могу двинуться(((Чет браузер глюкнул((( прошу прощение за опоздание Edited May 4, 2012 by brendmaster 1 Quote Link to comment Share on other sites More sharing options...
klierik Posted January 31, 2012 Report Share Posted January 31, 2012 хотя бы макет показал бы чесному народу ) Quote Link to comment Share on other sites More sharing options...
moron Posted February 6, 2012 Report Share Posted February 6, 2012 Напиши где какой шрифт, а то я не разберусь... Quote Link to comment Share on other sites More sharing options...
moron Posted February 6, 2012 Report Share Posted February 6, 2012 Напиши где какой шрифт, а то я не разберусь... Quote Link to comment Share on other sites More sharing options...
DasBit Posted February 10, 2012 Report Share Posted February 10, 2012 За макет респект Просто и со вкусом) Quote Link to comment Share on other sites More sharing options...
yaroslav Posted February 12, 2012 Report Share Posted February 12, 2012 (edited) Здравствуйте, решил попробовать свои силы в версте этого макета и вот результатУчту все пожелания и замечания от людей которые занимаются этим делом профессионально brendmaster если нужно что-то подправить обращайтесьP.S Это моя 2 работаКодировку портит хостинг Edited February 12, 2012 by yaroslav Quote Link to comment Share on other sites More sharing options...
buddah Posted February 12, 2012 Report Share Posted February 12, 2012 yaroslav, в код далеко не лез, что сразу заметил: раз у вас сабмит формы не выглядит как кнопка, то логично будет дописать cursor: pointer Quote Link to comment Share on other sites More sharing options...
yaroslav Posted February 12, 2012 Report Share Posted February 12, 2012 (edited) buddah, было бы здорово если бы вы поправили меня как раз в коде что правильно что нет, я имею очень размытые представления о том как должен выглядеть css кстати до сих пор не могу разобраться в каких случаях нужно использовать класс а в каких идБуду рад за любую информацию. Edited February 12, 2012 by yaroslav Quote Link to comment Share on other sites More sharing options...
ablay2009 Posted February 13, 2012 Report Share Posted February 13, 2012 (edited) Вот, наваял с утречка: http://itechblog.org/template-html/. -HTML5/CSS3-ширина фикс., 1000 пикселей-с шрифтами не сложилось, фотошоп думает, что у меня их нет-удалю папку, как только вы отпишитесь-валидный HTML (ссылка)-валидный CSS (ругается только на вендорные префиксы - ссылка)-отображается корректно вплоть до IE7(в IE6 баг с png) Edited February 13, 2012 by ablay2009 2 Quote Link to comment Share on other sites More sharing options...
hedgehog Posted February 13, 2012 Report Share Posted February 13, 2012 (edited) Кодировку портит хостинг$ curl -LI http://yarkiy.ho.ua/sitesiteHTTP/1.1 301 Moved PermanentlyDate: Mon, 13 Feb 2012 09:21:15 GMTServer: Apache/2.2.22 (FreeBSD)Location: http://yarkiy.ho.ua/sitesite/Content-Type: text/html; charset=iso-8859-1HTTP/1.1 200 OKDate: Mon, 13 Feb 2012 09:21:15 GMTServer: Apache/2.2.22 (FreeBSD)Last-Modified: Sun, 12 Feb 2012 20:00:19 GMTETag: "5115907-b5b-4b8c9cfacfac0"Accept-Ranges: bytesContent-Length: 3043Content-Type: text/html; charset=windows-1251А если .htaccess подправить?AddDefaultCharset UTF-8PS: при масштабировании верстка разваливается на запчасти Edited February 13, 2012 by hedgehog 1 Quote Link to comment Share on other sites More sharing options...
yaroslav Posted February 13, 2012 Report Share Posted February 13, 2012 Кодировку портит хостинг$ curl -LI http://yarkiy.ho.ua/sitesiteHTTP/1.1 301 Moved PermanentlyDate: Mon, 13 Feb 2012 09:21:15 GMTServer: Apache/2.2.22 (FreeBSD)Location: http://yarkiy.ho.ua/sitesite/Content-Type: text/html; charset=iso-8859-1HTTP/1.1 200 OKDate: Mon, 13 Feb 2012 09:21:15 GMTServer: Apache/2.2.22 (FreeBSD)Last-Modified: Sun, 12 Feb 2012 20:00:19 GMTETag: "5115907-b5b-4b8c9cfacfac0"Accept-Ranges: bytesContent-Length: 3043Content-Type: text/html; charset=windows-1251А если .htaccess подправить?AddDefaultCharset UTF-8PS: при масштабировании верстка разваливается на запчастиСпасибо все в норме. (кодировка)подскажите где сделал ошибку в верстке как сделать что бы при масштабировании было все нормально Quote Link to comment Share on other sites More sharing options...
hedgehog Posted February 13, 2012 Report Share Posted February 13, 2012 подскажите где сделал ошибку в верстке как сделать что бы при масштабировании было все нормальноКак минимум - указать минимальную ширину для страницы. А еще прогнать через валидатор.Ошибок , как по мне, немало, но не мне на них указывать - я сам новичок Quote Link to comment Share on other sites More sharing options...
ablay2009 Posted February 13, 2012 Report Share Posted February 13, 2012 У вас 24 ошибки в коде, идите сюда и переделайте все, следуя инструкциям Quote Link to comment Share on other sites More sharing options...
yaroslav Posted February 13, 2012 Report Share Posted February 13, 2012 (edited) У вас 24 ошибки в коде, идите сюда и переделайте все, следуя инструкциямМне сейчас не важно как я закрыл скобки, меня интересует в каких местах нужно указывать класс а в каких id, если блок header разделен на две половины то как правильно оформить код, как правильно резать макет//код если header разделен на 2 половины<div id="header"> <div id="logo"> <img src="1.png" alt="logotype" /> </div> <div id="search"> <p>Search</p> </div></div> Edited February 13, 2012 by yaroslav Quote Link to comment Share on other sites More sharing options...
ablay2009 Posted February 13, 2012 Report Share Posted February 13, 2012 (edited) Id используется для уникальных элементов на странице (нужноп ри использовании скриптов). Элементы в шапке можно не оборачивать дивами, а оформить напрямую. Так будет лучше, а если дополнительные все-таки дивы требуются, то можно их оформить через :before и :afterP.S. А на скобки надо обращать внимание всегда. Edited February 13, 2012 by ablay2009 Quote Link to comment Share on other sites More sharing options...
klierik Posted February 13, 2012 Report Share Posted February 13, 2012 -отображается корректно вплоть до IE7(в IE6 баг с png) а как сделать что бы и в ИЕ6 работало знаешь? Quote Link to comment Share on other sites More sharing options...
ablay2009 Posted February 13, 2012 Report Share Posted February 13, 2012 Конечно знаю, но не вижу смысла (IE6 все-таки уже умер) Quote Link to comment Share on other sites More sharing options...
yaroslav Posted February 13, 2012 Report Share Posted February 13, 2012 ablay2009,Я так понимаю вы спец в версте можете меня проконсультировать в данном шаблоне что не так и как сделать правильно Заранее спасибо. Quote Link to comment Share on other sites More sharing options...
yaroslav Posted February 13, 2012 Report Share Posted February 13, 2012 ablay2009,Я так понимаю вы спец в версте можете меня проконсультировать в данном шаблоне что не так и как сделать правильно Заранее спасибо. Quote Link to comment Share on other sites More sharing options...
ablay2009 Posted February 14, 2012 Report Share Posted February 14, 2012 Исходный код я сейчас посмотреть не смогу (на планшете такой возможности не предусмотрели) часа через два ознакомлюсь и отпишусь Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.