Вёрстка ламера №2

[Игорь Ермаков]

Вот сверстал тот макет, который был любезно предоставлен Verder'ом. Это первая версия, но она кроссбраузерная и рабочая.

Прошу посмотреть код и сказать чего у меня не так.

Многие ошибки я сам знаю, просто под конец было ужасно влом исправлять.

В скором будующем сверстаю этот макет заново, только после того, как выслушаю комменты, тогда попытаюсь сделать поменьше блоков и код по красивее.

http://minisite.6te.net/mat/28.05.2009/orange/

[Колос]

Когда я навожу на "eng", то "рус" остаётся красным. (Firefox3)

[Игорь Ермаков]

исправим.

А что-нибудь по коду?

[Dimitry Wolotko]

ну если навскидку.

<p id="curs">         Курсы валют на 08.11.2008</p>

За такое пришиб бы, честное слово.

<table class="table">
<tr><td></td>
<td style="color:#c4c4c4;">Покупка</td>

<td style="color:#c4c4c4;">Продажа</td></tr>

<tr><td style="color:#a3620a;">USD</td>
<td align="center" style="color:red;">00.00</td>
<td align="center" style="color:red;">00.00</td></tr>

<tr><td style="color:#a3620a;">EUR</td>
<td align="center" style="color:red;">00.00</td>
<td align="center" style="color:red;">00.00</td></tr>

<tr><td style="color:#a3620a;">CHF</td>
<td align="center" style="color:red;">00.00</td>
<td align="center" style="color:red;">00.00</td></tr>
</table>

Убрать в .css

<p id="rp">Кредитная линия на любой вкус  <img src="img/curs1.gif"/></p>

Картинку через бекграунд.

http://floomby.ru/content/WCaNwxJ1w0/ - вот это - это ппц.

<p><a href="#" id="l2">Льготная ставка по кредитной линии "отпускник"</a></p>
<p><a href="#" id="l2">Образование в Великобритании по себестоимости</a></p>
<p><a href="#" id="l2">Автокредит без переплаты у авторизованного диллера Ford "U.S Impex"</a></p>

ID повторяются, и не только тут.

Форму поиска не доделал.

Ховеров на ссылках нет.

и т.д. и т.п.

Плохо навёрстано.

[Игорь Ермаков]

http://floomby.ru/content/WCaNwxJ1w0/ - вот это - это ппц.

В ТЗ было написано минимальное разрешение, я под него и верстал. 1024на768

За остальное спасибо, в ближайшее время переделаю с нуля.

А почему форма поиска не доделана?

И зачем на ссылки ховеры, если мне не сказали какие.

[Payne]

Когда я навожу на "eng", то "рус" остаётся красным. (Firefox3)

В MyIE2 тоже.

Пункты "Автокредит" и "Отдых" отображаются криво. "На образование" по-моему тоже не очень.

Copyright пишется не Copyroght (мелочь, а в глаза бросилось).

[Игорь Ермаков]

Payne, можно скриншот?

Copyright пишется не Copyroght (мелочь, а в глаза бросилось).

): АШИПБКА

(с) http://htmlbook.ru/404.php

[Payne]

Payne, можно скриншот?

Насчёт пунктов меню выше уже привели скриншот.

Насчёт копирайт - оно в левом нижнем углу красным по белому, сложно не заметить.

[Игорь Ермаков]

Да какое у вас разрешение экрана?

В ТЗ написано, чтобы я верстал под минимальное разрешение 1024на768

[Payne]

У меня 1152 на 864. Всё равно некорректно.

[Игорь Ермаков]

спасибо, за скриншот

Думаю установка свойства min-weight поможет мне.

[psywalker]

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

1) Логотип некликабельный

2) Ссылки при наведении не убирают хотябы подчёркивание

3) Форма, как сказали выше - не доделана, не хватает атрибута

4) Импут короткий и не соответствует макетной ширине

5) Тут была "Ересь"

6) Надпись: "Твой банк всегда на связи" должна быть ссылкой

7) Меню "Кредитная линия на любой вкус " при сужении ужас происходит, картинки не по центру, ссылки также при наведении без эффекта

8) Блок: "В данный момент мы предлагаем" : Тёлка при сужении наезжает на текст

9) В ИЕ7 засада, верхнее меню прыгает, левая колонка не доделана, плохо вобщем

10) В ИЕ6 всё ещё хуже, чем в ИЕ7, но на удивление сайт стоит))

11) Не стоит Минимальная Ширина, от этого все ужасы ещё больше палятся

12) Много одинаковых ID на странице..

13) Тут и так всё понятно: http://validator.w3.org/check?uri=http%3A%...ine&group=0

Вобщем есть куда стремиться, есть, что учить и над чем работать, много ошибок во всех областях, старайся, всё приходит с опытом..

p. s. - Кстати меню надо было делать или списком, а в данной ситуации лучше таблицей..

Edited May 27, 2009 by psywalker

[Dimitry Wolotko]

5) Верхнее меню, языковое - При наведении на вротое, первое должно убирать Фон и т. д.

Это ересь. Активный в данный момент пункт всё равно должен иметь окраску и выделение.

[psywalker]

5) Верхнее меню, языковое - При наведении на вротое, первое должно убирать Фон и т. д.

Это ересь. Активный в данный момент пункт всё равно должен иметь окраску и выделение.

Дим, в разных проектах бывает по разному, почему Ересь по твойму?

Edited May 27, 2009 by psywalker

[Dimitry Wolotko]

Потому что человек должен в любой угодный ему момент понимать, где и в каком разделе он находится (опционально, какой язык на странице - испанский или итальянский?). Бывают конечно исключения, но ниодного по настоящему удачного я не видел. Может ты видел?

[psywalker]

Я не знаю насчёт удачных, но видел однозначно, и если ещё увижу где, обязательно покажу

Ну там в принципе и без этого пункта есть, над чем подумать

[Dimitry Wolotko]

Конечно - косяков, много серьёзных, там масса.

[Игорь Ермаков]

Во первых скажи мне, ты давно учишься этому делу, потому что если недавно, то такая вёрстка простительна

давно, но серьёзно взялся может месяца 3 назад.

А вообще благадарю за хороший развёрнутый камент

Конечно - косяков, много серьёзных, там масса.

можно про серьёзные косяки по подробнее

[psywalker]

Игорь Ермаков

давно, но серьёзно взялся может месяца 3 назад.

А вообще благадарю за хороший развёрнутый камент smile.gif

Молодец, главное не сдавайся, начало у тебя уже положено, удачи!

[Dimitry Wolotko]

Игорь Ермаков, из приведённых мной ни одного не увидел серьёзного что ли?

[Bondarov]

Кредитная линия на любой вкус - КАЛИЧНАЯ

В данный момент мы предлаг - ТЁЛКА ВЫПУЧИЛАСЬ ИЗ СТРАНИЦЫ и перекрыла своим телом буквы.

Короче, верстка - йня.

[Nekromancer]

Это первая версия, но она кроссбраузерная и рабочая.

Кросбраузерно плохо показывает?

На счёт багов я пожалуй промолчу, ибо мне лень тратить нервы

П.С. Я думал это я на троечку сверстал, ан нет, бывает и такое.

[psywalker]

Nekromancer

П.С. Я думал это я на троечку сверстал, ан нет, бывает и такое.

вообще-то это я думал, что сверстал на троечку максимум , а Игорь ещё учиться, думаю, если будет серьёзнее относиться к этому ремеслу, обязательно добьётся хороших результатов

Слушай, а ты давно сам занимаешься этим делом, серьёзно прям?

[Nekromancer]

CSS я начал учить примерно 5-6 месяцев назад

Сделай вывод..

Edited May 28, 2009 by Nekromancer

[psywalker]

CSS я начал учить примерно 5-6 месяцев назад smile.gif

Сделай вывод..

Как это 6 месяцев назад, ведь в одном из топиков ты говорил, что 6 лет назад начал учить все эти вещи?