Нужно сверстать одно страничный шаблон

[brendmaster]

Привет, люди добрые! Помогите пожалуйста с этим простым шаблоном. Я просто совсем ничего не понимаю в верстке. Меня друг попросил ему сайт переделать. Не смог отказать, нарисовать нарисовал, а дальше не могу двинуться(((

Чет браузер глюкнул((( прошу прощение за опоздание

Edited May 4, 2012 by brendmaster

[klierik]

хотя бы макет показал бы чесному народу )

[moron]

Напиши где какой шрифт, а то я не разберусь...

[moron]

Напиши где какой шрифт, а то я не разберусь...

[DasBit]

За макет респект Просто и со вкусом)

[yaroslav]

Здравствуйте, решил попробовать свои силы в версте этого макета и вот результат

Учту все пожелания и замечания от людей которые занимаются этим делом профессионально

brendmaster если нужно что-то подправить обращайтесь

P.S Это моя 2 работа

Кодировку портит хостинг

Edited February 12, 2012 by yaroslav

[buddah]

yaroslav, в код далеко не лез, что сразу заметил: раз у вас сабмит формы не выглядит как кнопка, то логично будет дописать

cursor: pointer

[yaroslav]

buddah, было бы здорово если бы вы поправили меня как раз в коде что правильно что нет, я имею очень размытые представления о том как должен выглядеть css кстати до сих пор не могу разобраться в каких случаях нужно использовать класс а в каких ид

Буду рад за любую информацию.

Edited February 12, 2012 by yaroslav

[ablay2009]

Вот, наваял с утречка: http://itechblog.org/template-html/.

-HTML5/CSS3

-ширина фикс., 1000 пикселей

-с шрифтами не сложилось, фотошоп думает, что у меня их нет

-удалю папку, как только вы отпишитесь

-валидный HTML (ссылка)

-валидный CSS (ругается только на вендорные префиксы - ссылка)

-отображается корректно вплоть до IE7(в IE6 баг с png)

Edited February 13, 2012 by ablay2009

[hedgehog]

Кодировку портит хостинг

$ curl -LI http://yarkiy.ho.ua/sitesite
HTTP/1.1 301 Moved Permanently
Date: Mon, 13 Feb 2012 09:21:15 GMT
Server: Apache/2.2.22 (FreeBSD)
Location: http://yarkiy.ho.ua/sitesite/
Content-Type: text/html; charset=iso-8859-1

HTTP/1.1 200 OK
Date: Mon, 13 Feb 2012 09:21:15 GMT
Server: Apache/2.2.22 (FreeBSD)
Last-Modified: Sun, 12 Feb 2012 20:00:19 GMT
ETag: "5115907-b5b-4b8c9cfacfac0"
Accept-Ranges: bytes
Content-Length: 3043
Content-Type: text/html; charset=windows-1251

А если .htaccess подправить?

AddDefaultCharset UTF-8

PS: при масштабировании верстка разваливается на запчасти

Edited February 13, 2012 by hedgehog

[yaroslav]

Кодировку портит хостинг

$ curl -LI http://yarkiy.ho.ua/sitesite
HTTP/1.1 301 Moved Permanently
Date: Mon, 13 Feb 2012 09:21:15 GMT
Server: Apache/2.2.22 (FreeBSD)
Location: http://yarkiy.ho.ua/sitesite/
Content-Type: text/html; charset=iso-8859-1

HTTP/1.1 200 OK
Date: Mon, 13 Feb 2012 09:21:15 GMT
Server: Apache/2.2.22 (FreeBSD)
Last-Modified: Sun, 12 Feb 2012 20:00:19 GMT
ETag: "5115907-b5b-4b8c9cfacfac0"
Accept-Ranges: bytes
Content-Length: 3043
Content-Type: text/html; charset=windows-1251

А если .htaccess подправить?

AddDefaultCharset UTF-8

PS: при масштабировании верстка разваливается на запчасти

Спасибо все в норме. (кодировка)

подскажите где сделал ошибку в верстке как сделать что бы при масштабировании было все нормально

[hedgehog]

подскажите где сделал ошибку в верстке как сделать что бы при масштабировании было все нормально

Как минимум - указать минимальную ширину для страницы. А еще прогнать через валидатор.

Ошибок , как по мне, немало, но не мне на них указывать - я сам новичок

[ablay2009]

У вас 24 ошибки в коде, идите сюда и переделайте все, следуя инструкциям

[yaroslav]

У вас 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

[ablay2009]

Id используется для уникальных элементов на странице (нужноп ри использовании скриптов). Элементы в шапке можно не оборачивать дивами, а оформить напрямую. Так будет лучше, а если дополнительные все-таки дивы требуются, то можно их оформить через :before и :after

P.S. А на скобки надо обращать внимание всегда.

Edited February 13, 2012 by ablay2009

[klierik]

-отображается корректно вплоть до IE7(в IE6 баг с png)

а как сделать что бы и в ИЕ6 работало знаешь?

[ablay2009]

Конечно знаю, но не вижу смысла (IE6 все-таки уже умер)

[yaroslav]

ablay2009,Я так понимаю вы спец в версте можете меня проконсультировать в данном шаблоне что не так и как сделать правильно

Заранее спасибо.

[yaroslav]

ablay2009,Я так понимаю вы спец в версте можете меня проконсультировать в данном шаблоне что не так и как сделать правильно

Заранее спасибо.

[ablay2009]

Исходный код я сейчас посмотреть не смогу (на планшете такой возможности не предусмотрели) часа через два ознакомлюсь и отпишусь