Верстка "Business Co"

[fragilewelldone]

Здравствуйте, макет взят из темы Новый макет для вёрстки

Вот сама Верстка.

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

Верстка хорошо отображается в IE6.

Хотелось бы почитать отзывов от начинающих и профессионалов, в общем от всех.

PS.

Менюшка с изображениями для переключения шапки сделана криво(. К сожалению подправить сил не хватило.

И третий вид шапки не смог красиво сделать.

Это моя третья верстка так что сильно не ругайте, НО критика необходима.)

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

Edited November 22, 2011 by fragilewelldone

[Radiocity]

Здравствуйте, макет взят из темы Новый макет для вёрстки

Вот сама Верстка.

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

Верстка хорошо отображается в IE6.

Хотелось бы почитать отзывов от начинающих и профессионалов, в общем от всех.

PS.

Менюшка с изображениями для переключения шапки сделана криво(. К сожалению подправить сил не хватило.

И третий вид шапки не смог красиво сделать.

Это моя третья верстка так что сильно не ругайте, НО критика необходима.)

В хроме после полноценной загрузки страницы, Юпитер сошел с орбиты в неизвестное направление =\ Вы макет онлайн правите?

Edited November 20, 2011 by Radiocity

[fragilewelldone]

Здравствуйте, макет взят из темы Новый макет для вёрстки

Вот сама Верстка.

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

Верстка хорошо отображается в IE6.

Хотелось бы почитать отзывов от начинающих и профессионалов, в общем от всех.

PS.

Менюшка с изображениями для переключения шапки сделана криво(. К сожалению подправить сил не хватило.

И третий вид шапки не смог красиво сделать.

Это моя третья верстка так что сильно не ругайте, НО критика необходима.)

В хроме после полноценной загрузки страницы, Юпитер сошел с орбиты в неизвестное направление =\ Вы макет онлайн правите?

Хм у меня тоже хром и Юпитер на месте.

Обновлено: ну так что, кто может подсказать что я неправильно сделал? Все-таки хочется стороннего мнения.

Edited November 22, 2011 by fragilewelldone

[karim1717]

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

[Justnewone]

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

Правой кнопкой на странице -> просмотр исходного кода.

Мне вполне понравилось, для начинающего вполне неплохо.

		 <b class="r1"> </b>
		 <b class="r2"> </b>
		 <b class="r3"> </b>
		 <b class="r4"> </b>

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

ну и вот это:

<a href="#">Home</a>
   |   <a href="#">Solutions</a>
   |   <a href="#">Products</a>
   |   <a href="#">About</a>
   |  <a href="#">Contacts</a>

Оформить бы в nav или списком.

функции .minwidth почему-то выполняет .forth.

Далее на вкус и цвет, я бы сделал еще и max-width где-нибудь в районе 1400-1500, и чтобы верхняя плашка тянулась в ширину на любом разрешении во весь экран. Звездное небо с юпитером конечно тоже можно, но пока не понятно.

[Nanto]

Выделил "некузявый" момент. Вот это "width:30%" всегда неопрятно выглядит, особенно на больших разрешениях - пустое место после последнего блока кривовато смотрится.

Почему бы не делать "float:left", "float:right", ну и там "text-align:center" или "margin:0 auto" - блока-то всего 3!

Edited November 25, 2011 by Nanto

[fragilewelldone]

Выделил "некузявый" момент. Вот это "width:30%" всегда неопрятно выглядит, особенно на больших разрешениях - пустое место после последнего блока кривовато смотрится.

Почему бы не делать "float:left", "float:right", ну и там "text-align:center" или "margin:0 auto" - блока-то всего 3!

Я знаю, написал в первом сообщении что сделано криво) Спасибо всем за советы я все запомнил) Буду в следующий раз стараться больше.

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

Правой кнопкой на странице -> просмотр исходного кода.

Мне вполне понравилось, для начинающего вполне неплохо.

		 <b class="r1"> </b>
		 <b class="r2"> </b>
		 <b class="r3"> </b>
		 <b class="r4"> </b>

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

ну и вот это:

<a href="#">Home</a>
   |   <a href="#">Solutions</a>
   |   <a href="#">Products</a>
   |   <a href="#">About</a>
   |  <a href="#">Contacts</a>

Оформить бы в nav или списком.

функции .minwidth почему-то выполняет .forth.

Далее на вкус и цвет, я бы сделал еще и max-width где-нибудь в районе 1400-1500, и чтобы верхняя плашка тянулась в ширину на любом разрешении во весь экран. Звездное небо с юпитером конечно тоже можно, но пока не понятно.

Это все для IE6 сделано, так как он не понимает min-width

[Justnewone]

Все все прям? ну тогда ладно

[Mr.Black]

Привет, как и обещал оценю верстку....

Сразу хочу заметить, что читабельность кода очень плохая, какой редактор используешь?

Если учесть что єто 3 верстка ,и 1 на HTML5 тогда можно можно с поставить твердую 4

1) У тебя название класов плохо проработано...например есть клас center, он может еще где то использоваться(например в какой то CMS)

2)

<li>
<a [s]class="navig-a"[/s] href="#">
<span [s]class="center"[/s]>Home</span>
</a>
[s]<img src="images/borderlist-right.gif" class="rightcorner" alt="decor">[/s]
</li>

- не нужно называть класом тег а и span ,а дать клас тегу li или таже ul а там через ксс управлять...

- можно было обойтись и без тега img, запихнуть картинку в background span-a ,а спан сделать блочным

- в меню сделай всю область кликабельной!

- еще для ефекта можно сделать при ховере превращение области меню на тот дизайн что solutions/

3) Слишком много тегов b

4) Еще можешь исправить в IE6 http://blog.sribna.com/neponyatnyiy-otstup-ili-3px-ie-bug.htm

Так больше ничего не нашел

Удачи...

[fragilewelldone]

Спасибо, учту все замечания.