Перевёрстанный макетик

[psywalker]

Решил попробовать свои силы и переверстал вот этот сайт, жду замечания по поводу Вёрстки и Кода:

HTML:

http://www.psywalker.ru/Himik/main-page.html

CSS:

http://www.psywalker.ru/Himik/css/styles.css

Желательно услышать про все косяки, связанные с кодом и вёрстки в общем

[homm]

Кошмар. Сайт расчитан на разрешение 1280? Сразу отметаете 40% посетителей?

[psywalker]

homm

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

То есть я сделал, чтобы при наведении на цифры, в нём меняются фотографии , на CSS, но вообще изначально идея была другая, я хотел сделать так, чтобы он ещё и растягивался, но к сожалению при растяжки фотографии всё равно остаются заданного размера, а не растягиваются вместе с экраном(((

Сейчас кстати минимальная ширина стоит min-width: 115em; а какая должна быть?

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

Вообще можно ли этого добиться?

Edited March 13, 2009 by psywalker

[Victor Ananiev]

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

[psywalker]

homm

А вообще по коду и вёрстке можешь что нить сказать?

Victor Ananiev

Что ты имеешь ввиду?

[Lionel]

Кошмар. Сайт расчитан на разрешение 1280? Сразу отметаете 40% посетителей?

40% - ???

Да ну?!

Ради прикола стал иногда заглядывать в окна разных контор, ну, к примеру, в отделение ЗАГСа , там моники стоят от минимума 1280. Ежедневно списываются миллионы моников ниже 1280. Зачем делать сайт в таких узких рамках, если уже через полгода придется его переделывать.

Да и неужели трудно выносить это многими необоснованно ненавистную горизонтальную полосу прокрутки?!

Еще один довод в пользу сайтов от 1280 - у многих пользователей появляются широкоформатные мониторы, и часто обычное окно браузера никто не раскрывает на полный экран, а просматривает в окне размером те же устаревшие 800/600 - и ничего - они-то понимают, что сделали это сами.

Сорри за офф-топ.

[psywalker]

Lionel

Я конеш с тобой согласен от части, но всё же homm прав, статистика на данный день говорит о том, что у большинства сейчас мониторы с разрешением 1080, причём у подавляющего большинства, тут не попишешь..

Лучше скажи что нибудь по вёрстке

[Gamer]

40% - ??? blink.gif

Да ну?!

Ради прикола стал иногда заглядывать в окна разных контор, ну, к примеру, в отделение ЗАГСа laugh.gif , там моники стоят от минимума 1280. Ежедневно списываются миллионы моников ниже 1280. Зачем делать сайт в таких узких рамках, если уже через полгода придется его переделывать.

Да и неужели трудно выносить это многими необоснованно ненавистную горизонтальную полосу прокрутки?!

Еще один довод в пользу сайтов от 1280 - у многих пользователей появляются широкоформатные мониторы, и часто обычное окно браузера никто не раскрывает на полный экран, а просматривает в окне размером те же устаревшие 800/600 - и ничего - они-то понимают, что сделали это сами.

Сорри за офф-топ.

Угу, ЗАГС может и современным широкоформатным монитором, а какая-нибудь средняя контора сидит за 640х480. И таких тысячи.

Да и неужели трудно выносить это многими необоснованно ненавистную горизонтальную полосу прокрутки?!

Еще как)

А вообще есть такая штука как грамотная верстка, с помощью которой можно приспособить сайт под большинство (если не все) разрешений.

Кошмар.

+1

Edited March 13, 2009 by Gamer

[psywalker]

Gamer

1) А тада скажи, какой по твойму размер у меня должен быть, чтобы ты назвал мою вёрстку грамотной? и какая по твойму ширина вообще должна быть?

2) А замечания по коду есть какие нибудь?

[homm]

Сорри за офф-топ.

Бредишь. Есть огромная куча причин поддерживать разрешения от 800 и нет ни одной, почему бы этого не делать.

[psywalker]

homm

Ну не спорьте вы, лучше мне замечания скажи ещё всякие, по делу

[Vlad]

Со ссылками проблема. В колонке справа ссылки такие же, как и текст в средней колонке, т.е. ничем ссылки не выделяются, только при наведении на них курсора.

[psywalker]

Vlad

1) А как например их можно выделить?

2) А по коду всё хорошо, например style.css выглядит читабельным, в нём легко разобраться другому человеку?

3) И вообще по самой вёрстке , ещё есть косяки?

Интересно, почему же мне никто не говорит про мои косяки с вёрсткой, неужели я так грамотно всё верстаю, что не к чему придраться, ну я прям горжусь тада собой, раз такие дела)))

Edited March 14, 2009 by psywalker

[Nekromancer]

1) А как например их можно выделить?

ну подчёркивания всякие, цвет, размер и шрифт текста..

[Victor Ananiev]

я про:

Сейчас кстати минимальная ширина стоит min-width: 115em;

[psywalker]

Nekromancer

А можно поподробнее плиз

Victor Ananiev

Я не смог разобраться в твоей фразе, объясни поподробнее пожалуйста

[Nekromancer]

ну вот у тебя все ссылки не подчёркнутые как и текст, и кажется что всё обычный текст и трудно понять что из них ссылки пока на них не наведёшь.. у тебя стоит:

a { text-decoration:none; }
	a:hover { text-decoration:underline; }

сделай хотя вот так, тогда будет лучше:

a {  text-decoration:underline;  }
	a:hover { text-decoration:none; }

да, и зачем стоко коментов в цсс?%))))

[psywalker]

Nekromancer

1)

ну вот у тебя все ссылки не подчёркнутые как и текст, и кажется что всё обычный текст и трудно понять что из них ссылки пока на них не наведёшь.. у тебя стоит:

С сылками и отступами между колонками разобрался

2)

да, и зачем стоко коментов в цсс?%))))

А я предполагаю такой вариант, что после моей вёрстки допустим какой нибудь программер будет накладывать своё, и не сможет разобраться, а так вроде бы везде каментарии, а ты думаешь очень много всё таки?

3) А как по твойму писать правильно, что бы всем было понятно, даже людям, не знающим вёрстку?

[Nekromancer]

ну.. если он не знает чё ему туда лезть...

на самом деле можно сделать и по компактнее и грузиться будет быстрее

а так выглядит аля движок...

[psywalker]

Nekromancer

1) А не мог бы ты на примере моего кода показать, как сделать покомпактнее? Хотя бы несколько строк

2) Что значит аля движок, это почему так?

Edited March 14, 2009 by psywalker

[Nekromancer]

ну например место:

/*
################################################################################
####################
[2. Blocks]
################################################################################
####################
*/

просто:

/* [2. Blocks] */

аля движок значит много ненужны комментариев и символов типо этого диеза..

[Vlad]

Непонятно, почему ты так печешься о комментировании кода. Т.е. это конечно похвально, но если код не предназначен для других людей (для продажи, для стиля движков), то особого смысла так тщательно комментировать каждый вздох нет.

#content div.mdl div h4 span - вот здесь, кстати, немного можно сократить код. Не повторять весь путь, а записать #content div.mdl h4 span

Если по коду пробежаться, то таких селекторов еще можно отыскать. Впрочем, особого смысла так сокращать нет. Здесь как раз работает программистский принцип: работает - не трожь.

[psywalker]

Vlad

1) Я просто в этом плохо разбираюсь, но у меня есть предположение, что допустим, если Заказчик даст задание Сверстать макет, то наверняка чтобы потом натягивать его на Движок или чтобы в нём рылся программер и делал свои дела, поэтому я как бы заранее перестраховываюсь, чтобы наверняка..А что в этом плохого?

2) А вообще Vlad скажите, вы сразу разобрались, где какой блок, вам сразу стало всё понятно в коде, читабельно?

Edited March 14, 2009 by psywalker

[Vlad]

С Firebug и WebDeveloper разобраться где какой блок, раз плюнуть.

[M.org]

По поводу разрешений - простая статистика. Надеюсь вопросов "зачем" больше нет? Вспомните еще про нетбуки, которые в большинстве своем 1024*600.

Самую левую колонку спокойно можно было вывести горизонтально сверху, или в другой колонке.

Цвета не сочитающиеся. Попробуйте притушить насыщенность везде, уверен, приятней будет смотреться. Ну и верхний блок "обьявления" как-то не в кассу, хотя бы во всю ширину бы его сделали