Первый Оранжевый

[hf3]

Попробовал сверстать первый раз сверстать div - ами

получилась как то не особо… но вроде все работает.

http://asp-html.studenthost.ru/orange/

[lavr-ik]

<span style="font-size:180%; vertical-align:top;">

Отделяй представление от структуры, ВСЕ, что касается оформления, выноси в CSS.

<div class="menu" >

<ul>

<li><a href="#" class="link">Малому бизнесу</a></li>

<li><a href="#" class="link">Финансовым организациям</a></li>

<li><a href="#" class="link">Ипотечное кредитование</a></li>

<li><a href="#" class="link">Акционерам и инверсторам</a></li>

<li><a href="#" class="link">Пресс-Центр</a></li>

<li><a href="#" class="link">Филиальная сеть</a></li>

<li><a href="#" class="link">Пресс-Центр</a></li>

</ul>

В данном случае логичнее было бы сделать:

<ul class="menu">

<li><a href="#">Малому бизнесу</a></li>

...

И в CSS для ссылок указать селектор вида div.menu a { }. Так получится более аккуратнее.

<div id="kyrs">

Старайся по возможности именовать id и class максимально приближенно к английскому.

<div id="logo">

(495)

Старайся любой текст заключать в тэги (p, span) поисковикам на радость.

Надежность и безупречность банка подтвеождается высокми рейтингами международных рейтинговых агенств

Обязательно перепроверяй текст и код

Очень много <a href="#" class="link">

Зачем?

Ну и конечно глаз больше всего режет объявление стилей в HTML. Плохо.

[hf3]

Спасибо за критику

[dark_hero]

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

[альберt]

не валидно

ругается в основном на то, что в теге <img> нет параметра alt

лого не слишком мутное?

можно было использовать для заголовков h1!?

IETester показал

Edited August 12, 2009 by альберt

[hf3]

ругается в основном на то, что в теге <img> нет параметра alt

уху) только недавно узнал что по спецификации атрибут альт обязателен в теге ИМЖ

лого не слишком мутное?

вроде б вырезал с щаблона… наверное малость пережал…

IETester показал

О как… действительно. на момент заливки во всех браузерах работало корректно… перепроверял и на локальном и на удаленном сервере

интересный глюк…

[fenebot]

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

Edited August 21, 2009 by fenebot