Оцените верстку резиногого макета

cypler · January 9, 2013

Оцените верстку макета. http://orangefilm.gixx.ru/ Просьба указать как можно больше ошибок.

Подскажите как сделать так, чтобы у #foot линия не прыгала при уменьшении размера окна? Через position:absolute не получается.

Edited January 9, 2013 by cypler

Bobikys · January 9, 2013

а почему подсвечивается в правом верхнем углу *eng* если текст на странице русский о_О или так было в шаблоне ?

klierik · January 10, 2013

все плохо.

вместо ID использовать классы.


[color=#236E25][font=monospace][size=1]<!-- NOAD: orangefilm.gixx.ru -->[/size][/font][/color]

какую полезную информацию нисет этот код?

[font=monospace][size=1]<div id="clear">[/size][/font][font=monospace][size=1]</div>[/size][/font]

вместо этого использовать "inline clear"

<!DOCTYPE HTML>

кроме доктайпа на сайте есть еще что-то из HTML5 ?!

http://orangefilm.gixx.ru/style.css

стили не читабельные. все можно было сделать проще, удобнее. Классов могло быть меньше (в твое случае ID).

не сдал.

cypler · January 10, 2013

а почему подсвечивается в правом верхнем углу *eng* если текст на странице русский о_О или так было в шаблоне ?

в шаблоне так было

cypler · January 10, 2013

все плохо.
вместо ID использовать классы.
[color=#236E25][font=monospace][size=1][/size][/font][/color]
какую полезную информацию нисет этот код?
[font=monospace][size=1]<div id="clear">[/size][/font][font=monospace][size=1]</div>[/size][/font]
вместо этого использовать "inline clear"
<!DOCTYPE HTML>
кроме доктайпа на сайте есть еще что-то из HTML5 ?!
http://orangefilm.gixx.ru/style.css
стили не читабельные. все можно было сделать проще, удобнее. Классов могло быть меньше (в твое случае ID).
не сдал.

Этот код я не добавлял это ,видимо сервер, на котором я выложил сайт.

Если не сложно, расскажите кратко, каким образом уменьшить количество классов и почему лучше классы вместо ID ?

DOCTYPE такой поставил, потому что в видео уроках от "Специалист - Видеокурсы по Интернет-технологиям Web, HTML, CSS, PHP, Javascript, AJAX, и др" упоминают, что можно просто так ставить. Или это не верно?

Что такое "inline clear"?

klierik · January 10, 2013

1. почитай для чего придуман IDи где н используется. и для чего был придуман Class

2. с доктайпом все верно. но если писать то использовал бы тогда HTML5 разметку. логичнее в итоге.

3. inline clear: http://kobzarev.com/makeup/new-clearfix-hack.html этот способ намного удобнее, экономичнее и целесообразнее использовать. то что ты знаешь как использовать обычный clear - хорошо. но в реалиях он требуется в 0,0001% случаев

4. по поводу кол-ва классов, именования, организации структуры HTMLи CSS почитай тут:

https://docs.google.com/viewer?a=v&q=cache:e-Rd9b9aCF4J:download.yandex.ru/company/experience/subbotnik/Berezhnoi_Harisov_Ekb.pdf+&hl=ru&gl=ua&pid=bl&srcid=ADGEESiuy5gwzL4h14ue91X1JNoFGEqQjKwhkW4eUrUNOiWomqfZgpwQ583AXIwn1tfi26ucfJZEdayfuo8mvD9Oh9tFH_CjlDQAOVopiGpiQZytNUm8wBcd_SLivGUFd5OGZYKJZpW3&sig=AHIEtbQkLcrtPZHdP2cdB9kVjwkiO_VImA

а потом вообще про БЭМ почитай.

cypler · January 11, 2013

Спасибо

Vic-Tor · January 12, 2013

Кто-нибудь скажите, а ширина Вас устраивает? У меня он не входит, может какие проблемы у меня в настройках????

Спасибо!

RodgerFox · January 12, 2013

это не резина!

cypler · January 15, 2013

это не резина!

Что не правильно? Разъясните, пожалуйста

Константин · January 15, 2013

Если используете доктайп html5, то и используете соответствующие теги, например header, footer, article, aside, nav и т.п.

nebovluje · January 26, 2013

Код бегло глянул, бросилось в глаза кое чего. В HTML5, насколько я знаю, type="text/css" можно не писать.

Снизу линии разъехались, выравнять бы. И зачем в номере телефона надо было так над кодом города издеваться?

Edited January 26, 2013 by nebovluje

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