stan077
Well-Known Member
- Регистрация
- 01.10.2012
- Сообщения
- 108
Оцените верстку пожалуйста.
- Автор темы stan077
- Дата начала
mrlasking
$_GET['rich'] or die('trying');
- Регистрация
- 22.05.2012
- Сообщения
- 323
Дизайнеру пинок, за шрифты со сглаживанием в макете. Сетка контента - тоже не ясна. Но это уже интим. Вы спросили про верстку.
Верстка: в целом - очень даже хорошо. Но есть различия с макетом.
Внимательнее относитесь к цветам (линии, возле блока "продажи ограничены" у вас E8AFAE, а в макете - DB807F, разница видна невооруженным глазом ) и шрифту (если используете уже Лизу, то ставьте четное значение пикселей в размере шрифта, а то буквы скачут).
Отступы с помощью br - ломают макет. Исправьте.
Огромные, красивые кнопки - это прикольно. Но, когда из реакции на юзверя, только подчеркивание текста - фи. Такая кнопка должна, ну просто обязана иметь отрисовку наведения и нажатия. Плюс в карму, за кнопки на css, а не картинки.
Ссылки без реакции на юзера - хочется забрать обратно плюс из кармы
Но, в целом, действительно норм. Будет время - посмотрю код подробнее)
Верстка: в целом - очень даже хорошо. Но есть различия с макетом.
Внимательнее относитесь к цветам (линии, возле блока "продажи ограничены" у вас E8AFAE, а в макете - DB807F, разница видна невооруженным глазом ) и шрифту (если используете уже Лизу, то ставьте четное значение пикселей в размере шрифта, а то буквы скачут).
Отступы с помощью br - ломают макет. Исправьте.
Огромные, красивые кнопки - это прикольно. Но, когда из реакции на юзверя, только подчеркивание текста - фи. Такая кнопка должна, ну просто обязана иметь отрисовку наведения и нажатия. Плюс в карму, за кнопки на css, а не картинки.
Ссылки без реакции на юзера - хочется забрать обратно плюс из кармы
Но, в целом, действительно норм. Будет время - посмотрю код подробнее)
motek
злой как @
- Регистрация
- 13.04.2010
- Сообщения
- 730
от раза к разу все труднее к чему либо придраться, но ведь мы стремимся к совершенству, а совершенство, как сказал один умный человек, это не тогда, когда нечего добавить, а тогда, когда нечего убрать...теперь по макету - твердая пятерка, все красиво и почти не косячит, но
не думаю, что надо что-то говорить - точность должна быть до пикселя...
Теперь что касается моего вступления:
Ваша шапка
<header> <!--start header--> <div class="header clearfix"> <div class="inner_header"> <h1>Профессиональная система администрирования<br>администрирования и ведения интернет-бизнеса</h1> <figure><img class="slogan" src="images/logo-bg.png" title="картинка" alt="картинка"></figure> </div><!--end inner_header--> </div><!--end header--> </header>дивы тут вообще не нужны:
<header class="header clearfix"> <h1 class="inner_header">Профессиональная система администрирования администрирования и ведения интернет-бизнеса</h1> <figure><img class="slogan" src="images/logo-bg.png" title="картинка" alt="картинка"/></figure> </header>попробуйте просто перенести стили на эти элементы и подкорректировать CSS, заголовку задайте размеры, тогда можно избавиться от быра и подогнать максимально под то, что на макете (размеры на картинке выше)
таким образом можно избавиться от большого количества дивов:
<div class="wrap_aside clearfix"> <aside> <div class="left"> <p>продажи прекратятся<br><time datetime="2012-02-26">26 февраля</time></p> </div><!--end left--> </aside> <aside> <div class="right"> <p>в наличие осталось всего<br><em>100 82 58</em><span>24 комплекта</span></p> </div><!--end right--> </aside> </div><!--end wrap_aside-->
Код:
<div class="wrap_aside clearfix"> <aside class="left"> <p>продажи прекратятся<br><time datetime="2012-02-26">26 февраля</time></p> </aside> <aside class="right"> <p>в наличие осталось всего<br><em>100 82 58</em><span>24 комплекта</span></p> </aside> </div><!--end wrap_aside-->mrlasking
$_GET['rich'] or die('trying');
- Регистрация
- 22.05.2012
- Сообщения
- 323
Суть этой фразы, уважаемый motek, продемонстрировал скриншотами в начале своего поста. Когда вы использовали br в шапке - этим вы и получили такой огромный отступ между строками и различия с макетом. Вот для того, что бы текст был, как в макете - забудьте про br )stan077 сказал(а):
stan077
Well-Known Member
- Регистрация
- 01.10.2012
- Сообщения
- 108
Суть этой фразы, уважаемый motek, продемонстрировал скриншотами в начале своего поста. Когда вы использовали br в шапке - этим вы и получили такой огромный отступ между строками и различия с макетом. Вот для того, что бы текст был, как в макете - забудьте про br )mrlasking сказал(а):
В том заголовке у меня был отступ через line-height , а не br
stan077
Well-Known Member
- Регистрация
- 01.10.2012
- Сообщения
- 108
В смысле, это в каком браузере скачут?mrlasking сказал(а):Странно, ну да ладно, спишем на глюк дебагера, который показал повторяющиеся br
mrlasking
$_GET['rich'] or die('trying');
- Регистрация
- 22.05.2012
- Сообщения
- 323
Хром. Нечетное кол-во пикселей: http://clip2net.com/s/6aQYyH . Четное: http://clip2net.com/s/6aR0Y4
Для чистоты эксперимента, прогнал через оперу, сафари, фф : http://clip2net.com/s/6aRcOW везде скачут шрифты.
Для чистоты эксперимента, прогнал через оперу, сафари, фф : http://clip2net.com/s/6aRcOW везде скачут шрифты.
Женька
Well-Known Member
- Регистрация
- 11.04.2012
- Сообщения
- 642
Хорошо, что есть люди, которые могут заметить в вёрстке даже мельчайшие погрешности. Я вот смотрю на проект и вижу его в целом гладким и ровным. Единственное, что меня смущает - подчёркивание имени автора в конце и немного странный подбор красных оттенков.
