оцените верстку

[cypler]

Макет отсюда http://forum.htmlboo...showtopic=27936.

Сама верстка http://orangefilm.gixx.ru/

Попытался сделать резину, чем то похожим на HTML 5.

Помогите решить следующие вопросы

1. Не смог к нижним box и box2 прикрепить пружинку сбоку как на верхних. Если через absolute , она налазит на блок. А если сами боксы сделать через absolute и применить z-index, макет рассыпется и footer не будет учитывать контент,как решить проблему не знаю.

2. Не смог сделать тень вокруг боксов как на макете.

3. Не получается сделать, чтобы все боксы зависели друг от друга и тянулись вместе по высоте (javascript еще не знаю).

4. Из-за рекламы внизу footer подпрыгнул. Видимо надо платить хостингу, чтобыи ее убрать.

[gibigate]

#warper

слабый макет, постарайтесь обходится без absolute

html5 семантика неверна

[cypler]

#warper

слабый макет, постарайтесь обходится без absolute

html5 семантика неверна

Можно подробнее про мою семантику, хотя бы кратко ?

Почему нужно меньше absolute ?

[Carneol]

Ну, если говорить об html5 семантике, то:

1) Там, где у Вас верхнее меню, там, все таки, не section, а тег header.

2) Footer тоже не внутри section должен быть, зачем его внутрь класть?

3) .right_col и .left_col не стоит делать section, тег section нужен, чтобы задавать тематически связанный контент, в идеале, чтобы этому контенту предшествовал заголовок. То есть, блок с event - это section, а вся левая колонка лучше была бы div.

4) У Вас, оказывается, весь контент (.right_col и .left_col) запихан в один огромный article. Так нельзя, тег article нужен не для того, чтоб туда весь контент складывать, а чтобы, скажем, оформлять им посты блога, новости в ленте новостей итд.

Еще одно замечание, <h1> лучше чтобы был единственным на странице, это очень хорошо для SEO. Такие заголовки, как у Вас, лучше делать <h4>, например.

Далее, я бы к этому макету, на Вашем месте, добавила бы какие-нибудь симпатичные hover для кнопок меню.

Если говорить о самом макете, то слабый он своим дизайном. Посмотрите, к примеру, вот тут http://www.free-psd.co/ лежит больше тысячи приличных макетов, какие-то попроще, какие-то посложнее, но выглядят они всяко более современно и выверенно, чем Ваш.

Edited January 31, 2013 by Carneol

[cypler]

Ну, если говорить об html5 семантике, то:

1) Там, где у Вас верхнее меню, там, все таки, не section, а тег header.

2) Footer тоже не внутри section должен быть, зачем его внутрь класть?

3) .right_col и .left_col не стоит делать section, тег section нужен, чтобы задавать тематически связанный контент, в идеале, чтобы этому контенту предшествовал заголовок. То есть, блок с event - это section, а вся левая колонка лучше была бы div.

4) У Вас, оказывается, весь контент (.right_col и .left_col) запихан в один огромный article. Так нельзя, тег article нужен не для того, чтоб туда весь контент складывать, а чтобы, скажем, оформлять им посты блога, новости в ленте новостей итд.

Еще одно замечание, <h1> лучше чтобы был единственным на странице, это очень хорошо для SEO. Такие заголовки, как у Вас, лучше делать <h4>, например.

Далее, я бы к этому макету, на Вашем месте, добавила бы какие-нибудь симпатичные hover для кнопок меню.

Если говорить о самом макете, то слабый он своим дизайном. Посмотрите, к примеру, вот тут http://www.free-psd.co/ лежит больше тысячи приличных макетов, какие-то попроще, какие-то посложнее, но выглядят они всяко более современно и выверенно, чем Ваш.

спасибо

[Carneol]

И кстати, я как-то проморгала Ваш вопрос про absolute и чем он плох. Все просто: absolute делает очень жесткий и нерегулируемый макет, если в этот макет добавить что-то еще, блок ли, новость ли, то макет посыплется, понимаете? Из-за absolute он совершенно не рассчитан на любые изменения, негибкий, такой сайт причинит массу неудобств. Лучше использовать absolute по минимуму, привыкать без него добиваться тех же результатов