Оцените первую верстку

DenChik · March 22, 2013

Добрый день уважаемый форум! Оцените пожалуйста мою первую верстку. Буду рад советам, замечаниям, критике. Собственно вот: http://kramakv.pusku.com/Site1/

cmndr_alexgreen · March 22, 2013

По коду - вполне неплохо, логично.

cyklop77 · March 23, 2013

это не ошибка, но почему меню везде в виде списка, а в футере просто ссылками?

DenChik · March 23, 2013

Ну насколько я понимаю в футере список и не нужен, так как это будет лишний код. А вот верхнее меню наверное можно было сделать просто ссылками, хотя я везде встречал верхнее меню реализованное через списки. Стоит ли переделать, или это не критично?

cyklop77 · March 23, 2013

это всё не принципиально. но большинство cms выводят меню в форме списка. я для экономии времени всегда ориентируюсь на это

DenChik · March 23, 2013

Да вот собсвенно у меня возникает вопрос...в чем различие верстки под разные cms?какие нюансы?

rediskavet · March 25, 2013

Отлично для первого раза 'я щетаю'.

Одна ошибка по моему мнению точно есть. В левой колонке по логике один список, с перечислением проблем страхования или что то подобное, вы использовали три списка UL.

Лишняя разметка тут и там, но я не берусь утверждать что это ошибки. пример серый баннер под меню, стили со span-а можно перевесить на <div class="info_banner"> :


<div class="info_banner">
<span>Relax. ...
</span>
</div>

На кнопках тоже лишнего кода нафигачено. Стили с line_for_button можно на ::after ссылки перевесить. :


<div class="button_style">
<div class="line_for_button"></div>
<a href="#">Free Credit Report When You Sign Up!</a>
</div>

DenChik · March 28, 2013

Спасибо за замечания. Все исправил. Но со списками я честно говоря не понял, как используя один ul сделать левую границу второго столбца на одной линии.

rediskavet · March 29, 2013

Спасибо за замечания. Все исправил. Но со списками я честно говоря не понял, как используя один ul сделать левую границу второго столбца на одной линии.

Я вижу один способ:

li-шкам выставить ширину(width: 85px;),

#content_left li:last-child сделать 100% ширину,

с ul наоборот снять ограничение по ширине.

Тогда элементы выстраиваются в том порядке как у вас было впервоночальной верстке с тремя списками.

nerv · March 29, 2013

<div class="head">

делай сразу html5 и не заморачивайся, раз поставил

<!DOCTYPE HTML>

Edited March 29, 2013 by nerv

DenChik · March 31, 2013

Я вижу один способ:
li-шкам выставить ширину(width: 85px;),
#content_left li:last-child сделать 100% ширину,
с ul наоборот снять ограничение по ширине.
Тогда элементы выстраиваются в том порядке как у вас было впервоночальной верстке с тремя списками.

Спасибо все изменил, только поставил ширину (width: 105px;),так как при изменении масштаба сайта при ширине 85 весь список скачет.

<div class="head">
делай сразу html5 и не заморачивайся, раз поставил
<!DOCTYPE HTML>

Будьте добры, объясните. Не понял что делает див с классом head

Валерия · April 10, 2013

Я тоже новичок, но насколько поняла, речь идет о том, что в html5 появились новые теги, в частности <header>

Sign In

Оцените первую верстку

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information