Прошу Оценить верстку

@T-A-V · Регистрация: 21.10.2014

Студворк — интернет-сервис помощи студентам

Сверстал страничку. Хотелось бы услышать похвалу, либо критику, не суть важно(я новичок в этом деле, так что макет простенький).

Кроссбраузерность: Современные браузеры, IE9 и Opera 12. IE ниже 9 - стоит заглушка(прошу не обращать на нее внимание, т.к. страшная она. В скором заменю)

Добавлено через 47 минут
Дополнительная информация:

Источник PSD.
Скачать PSD.
Картинка PSD.

P/S.
Хэдер заменил(просто тот не очень понравился).

@foxxxit · 10.12.2014, 03:37

T-A-V, исходя из стандарта HTML5, размеры изображений нужно разместить в стилях, а так вроде неплохо, никаких замечаний.

@PeterLS · 10.12.2014, 10:37

Есть замечание.
"Ваша версия Internet Explorer не поддерживается!"

@Fedor92 · 10.12.2014, 12:28

T-A-V, заранее извините за прямоту, но оценивать пока нечего... На вид макет простенький, а Вы уже ставите на него заглушки - хотя на нём даже нет никаких плюшек... Геометрия не очень - особенно левая колонка... В css есть лишние или нерабочие свойства, короче есть к чему стремиться...

@T-A-V · 10.12.2014, 13:07 **[ТС]**

Добавлено через 8 минут
Добавлено через 7 минут
PeterLS,
Дело в заглушке?
Fedor92,
Не ну прямота это хорошо, но если честно я не понял вас)
Есть чему же стремится, к лучшей геометрии?

Хотелось бы Очень определенности, о том что вы имели ввиду)

@Fedor92 · 10.12.2014, 13:20

Сообщение от T-A-V

Не ну прямота это хорошо, но если честно я не понял вас)
Есть чему же стремится, к лучшей геометрии?
Хотелось бы Очень определенности, о том что вы имели ввиду)

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

Вы можете открыть например инспектор объектов и посмотреть, как расположены Ваши блоки и что можно оптимизировать... То есть представить макет визуально без контента... Мой совет: попробуйте наверстать этот же макет только с помощью свойства float...

@T-A-V · 11.12.2014, 06:01 **[ТС]**

Fedor92,
"В css есть лишние или нерабочие свойства"
Где именно?
"Мой совет: попробуйте наверстать этот же макет только с помощью свойства float..."
Блоки в #main на нем и сверстаны. Кстати, было так же учитанно возможное увеличение по высоте блоков в #main.
Что именно не в порядке? я не нахожу(если вы про div.top-main-line, то я не вижу лучшего варианта).

@vovandr · 11.12.2014, 07:21

T-A-V норм все, единственное я бы новостные блоки может быть в теги article заключил.

Добавлено через 1 минуту
Ну и responsive здесь сделать можно легко.

@Fedor92 · 11.12.2014, 11:41

Сообщение от T-A-V

Fedor92,
"В css есть лишние или нерабочие свойства"
Где именно?
"Мой совет: попробуйте наверстать этот же макет только с помощью свойства float..."
Блоки в #main на нем и сверстаны. Кстати, было так же учитанно возможное увеличение по высоте блоков в #main.
Что именно не в порядке? я не нахожу(если вы про div.top-main-line, то я не вижу лучшего варианта).

Проехали...

@Crystal-3 · 11.12.2014, 11:58

T-A-V, мне нравится ваш код.
Единственное замечание: у блока #center-block убрать высоту, а чтобы внешний вид остался прежним, добавьте ему padding-bottom: 50px.

@PeterLS · 11.12.2014, 12:22

Такое можно вполне организовать и для IE

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@T-A-V 0 / 0 / 0 Регистрация: 21.10.2014 Сообщений: 9

	Прошу Оценить верстку 09.12.2014, 17:31. Показов 828. Ответов 10 Метки нет (Все метки) Сверстал страничку. Хотелось бы услышать похвалу, либо критику, не суть важно(я новичок в этом деле, так что макет простенький). Кроссбраузерность: Современные браузеры, IE9 и Opera 12. IE ниже 9 - стоит заглушка(прошу не обращать на нее внимание, т.к. страшная она. В скором заменю) Добавлено через 47 минут Дополнительная информация: Источник PSD. Скачать PSD. Картинка PSD. P/S. Хэдер заменил(просто тот не очень понравился). 0

@foxxxit 37 / 37 / 4 Регистрация: 17.07.2011 Сообщений: 200
	10.12.2014, 03:37
	T-A-V, исходя из стандарта HTML5, размеры изображений нужно разместить в стилях, а так вроде неплохо, никаких замечаний. 0

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	10.12.2014, 10:37
	Есть замечание. "Ваша версия Internet Explorer не поддерживается!" 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	10.12.2014, 12:28
	T-A-V, заранее извините за прямоту, но оценивать пока нечего... На вид макет простенький, а Вы уже ставите на него заглушки - хотя на нём даже нет никаких плюшек... Геометрия не очень - особенно левая колонка... В css есть лишние или нерабочие свойства, короче есть к чему стремиться... 0

@T-A-V 0 / 0 / 0 Регистрация: 21.10.2014 Сообщений: 9
	10.12.2014, 13:07 [ТС]
	Добавлено через 8 минут Добавлено через 7 минут PeterLS, Дело в заглушке? Fedor92, Не ну прямота это хорошо, но если честно я не понял вас) Есть чему же стремится, к лучшей геометрии? Хотелось бы Очень определенности, о том что вы имели ввиду) 0

@T-A-V 0 / 0 / 0 Регистрация: 21.10.2014 Сообщений: 9
	11.12.2014, 06:01 [ТС]
	Fedor92, "В css есть лишние или нерабочие свойства" Где именно? "Мой совет: попробуйте наверстать этот же макет только с помощью свойства float..." Блоки в #main на нем и сверстаны. Кстати, было так же учитанно возможное увеличение по высоте блоков в #main. Что именно не в порядке? я не нахожу(если вы про div.top-main-line, то я не вижу лучшего варианта). 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	11.12.2014, 07:21
	T-A-V норм все, единственное я бы новостные блоки может быть в теги article заключил. Добавлено через 1 минуту Ну и responsive здесь сделать можно легко. 0

@Crystal-3 115 / 97 / 54 Регистрация: 04.04.2014 Сообщений: 296
	11.12.2014, 11:58
	T-A-V, мне нравится ваш код. Единственное замечание: у блока #center-block убрать высоту, а чтобы внешний вид остался прежним, добавьте ему padding-bottom: 50px. 0

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	11.12.2014, 12:22
	Такое можно вполне организовать и для IE 0