первый оранжевый

rediskavet · March 28, 2010

http://red.dax.ru/bank/bank.html

Макет в теме "Макеты для вёрстки" лежит давно, но почему то не популярный, соответственно не надоел еще как "Раира". Хотелось бы услышать мнение о верстке, семантике(смысл которой с трудом понимаю). Может советы какие нибудь от более опытных.

Clayton · March 28, 2010

Да норм вроде, не рушится, это главное) Семантика присутствует в необходимых количествах.

Русский язык наверно надо выделенным сделать, как на соответствующей странице.

Да, кстати, одной Дамы из макета не хватает, сразу как-то не заметил)

И иконки не ссылки =) Заверстались наверное =)

slicemasta · March 29, 2010

интересна такая конструкция

.RightContentMenu {
float:left;
[b]width:25%;[/b]
}
.ContentConteiner {
background-image:url("img/bgMenu.jpg");
background-position:left bottom;
background-repeat:repeat-x;
float:left;
height:188px;
position:relative;
[b]width:400%;[/b]
}

это родительский и дочерний элементы, интересено зачем родителю задавать 25% а тянуть его по всей ширине 400% дочерним блоком? тайная логика, я просто в фаербаге им по 100% задал результат тотже, в чем соль то?

Edited March 29, 2010 by slicemasta

rediskavet · March 29, 2010

правильно в ФФ это не меняет ни чего, а в ИЕ при сужении экракна все начинает скакать, там внутри четыре блока по 25% ширина, вот если не сделать как у меня то они начинают прыгать(наверно есть и другие варианты я просто видео нашел там так объясняют http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/).

И правда девушка одна потерялась, мне кажется у меня ее и фотошопе нет, нужно проверить ПСД.

rediskavet · April 1, 2010

на самом деле одна дама потерялась, вернул ее не место. Теперь полное соответствие макету.

Elektronic201009 · April 9, 2010

Не знаю как кому, а мне лично нравится.

rediskavet · April 10, 2010

спсибо. Мне тоже очень нравится.

Игорь Ермаков · April 13, 2010

- IE6 полностью разваливается.

- IE7 много мелких багов.

- В футере две красные полоски к низу не прижаты, расхождение с макетом, крайне неприятное ощущение.

- Пиктограммы домика и конвертика должны быть ссылками.

- Заголовок "Твой банк всегда на связи" так же ссылка.

- Панель выбора языков: непонятно какой язык включен сейчас, посмотрите как в макете.

- Таблица огромная, не как в макете.

- Много багов с полосочками в заголовках.

- При уменьшении экрана белые полоски в меню противно ужимаются, выглядит как китайская наклейка на холодильнике.

Это все внешний вид. По коду:

- Изображения в CSS. Намного удобнее, да и кэшируются агрессивнее.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Анахронизм.

<p class="h3">Кредитная линия на любой вкус [b]<img src="img/contentSlash.jpg" alt="">[/b]</p>

А вот так, вы сами себе проблемы создаете. А если бы у вас с десяток таких заголовков было?

rediskavet · April 13, 2010

- IE6 полностью разваливается.
- IE7 много мелких багов.
- В футере две красные полоски к низу не прижаты, расхождение с макетом, крайне неприятное ощущение.
- Пиктограммы домика и конвертика должны быть ссылками.
- Заголовок "Твой банк всегда на связи" так же ссылка.
- Панель выбора языков: непонятно какой язык включен сейчас, посмотрите как в макете.
- Таблица огромная, не как в макете.
- Много багов с полосочками в заголовках.
- При уменьшении экрана белые полоски в меню противно ужимаются, выглядит как китайская наклейка на холодильнике.
Это все внешний вид. По коду:
- Изображения в CSS. Намного удобнее, да и кэшируются агрессивнее.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Анахронизм.
<p class="h3">Кредитная линия на любой вкус [b]<img src="img/contentSlash.jpg" alt="">[/b]</p>
А вот так, вы сами себе проблемы создаете. А если бы у вас с десяток таких заголовков было?

Игорь как садист-заказчик, как-будто цену сбивает

-да этот макет под шестой не подгонял.

-в седьмом ты наверно в ИЕТестере смотришь, т.к. у меня есть и тестер где отображается не очень и обычный 7ишае где все нормально выглядит.

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

-Домик и письмо сделал ссылкой, правда одной пока.

-Таблицу уменьшил немного.

-твой банк теперь ссылкой

-Язык вроде и без панели понятно какой Было бы три страницы сделал бы как в макете.

- Много багов с полосочками в заголовках.

-Вот это не очень понял, какие баги?

- При уменьшении экрана белые полоски в меню противно ужимаются, выглядит как китайская наклейка на холодильнике.

- у меня все нормально ни какой "кетайщины". Так и должно быть.

-Про доктайп тоже не понял что он меня требуется?

klierik · April 13, 2010

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

Verder · April 13, 2010

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

Макет я рисовал для одного банка (он уже работает, но сам макет немного изменен).

rediskavet · April 13, 2010

А можно на реальный посмотреть? Ну который работает.

Игорь Ермаков · April 13, 2010

Игорь как садист-заказчик, как-будто цену сбивает
-да этот макет под шестой не подгонял.
-в седьмом ты наверно в ИЕТестере смотришь, т.к. у меня есть и тестер где отображается не очень и обычный 7ишае где все нормально выглядит.
-полоски прижал, как то упустил из виду эту деталь (но сначала вообще не всех девушек туда разместил, так что сам себе извиняю такие мелочи)
-Домик и письмо сделал ссылкой, правда одной пока.
-Таблицу уменьшил немного.
-твой банк теперь ссылкой
-Язык вроде и без панели понятно какой Было бы три страницы сделал бы как в макете.
-Вот это не очень понял, какие баги?
- у меня все нормально ни какой "кетайщины". Так и должно быть.
-Про доктайп тоже не понял что он меня требуется?

- в седьмом ишаке не работает подчеркивание в заголовках, еще что-то было вроде (не ие тестер, нормальный ИЕ7)

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

- Сожми экран, белые полоски в меню становятся уже чем красные, выглядит некрасиво.

- На доктайп пофиг при прочих равных условиях, можешь вообще русскими буквами написать: "доктайпе хтмл четыре". Просто по коду видно, что ты вроде пытаешься верстать по рекомендации, попробуй верстать по более новой и проработанной рекомендации. И если не дай бог придется интегрировать в какую-нибудь неадекватную CMS, а некоторые заказчики умеют работать только с неадекватными (вроде Joomla), все равно так или иначе придется делать XHTML 1.0 доктайп, ибо при интеграции в уе***ю CMS легче соглашаться со всеми ее закидонами, нежели изворачиваться.

rediskavet · April 14, 2010

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

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

- Сожми экран, белые полоски в меню становятся уже чем красные, выглядит некрасиво.

Сделал полоски повыше, должно помочь.

- На доктайп пофиг при прочих равных условиях, можешь вообще русскими буквами написать: "доктайпе хтмл четыре". Просто по коду видно, что ты вроде пытаешься верстать по рекомендации, попробуй верстать по более новой и проработанной рекомендации. И если не дай бог придется интегрировать в какую-нибудь неадекватную CMS, а некоторые заказчики умеют работать только с неадекватными (вроде Joomla), все равно так или иначе придется делать XHTML 1.0 доктайп, ибо при интеграции в уе***ю CMS легче соглашаться со всеми ее закидонами, нежели изворачиваться.

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

Может следующий макет и правда попробую для доктайп XHTML 1.0 сверстать. В принципе мне теперь нет разницы под какой доктайп верстать, для интереса поменял у этого сайта доктайп на XHTML строгий ошибок нет но есть 17 предупреждений, исправить две минуты. Просто я для нотепада++ сделал гор.клавиши для некоторых тегов например img но без закрытия ( / ), теперь нужно будет переделать а я уже не помню как

Edited April 14, 2010 by rediskavet

Игорь Ермаков · April 14, 2010

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

Да на самом деле делается очень просто, к примеру у тебя менюшка сверстана списком, на странице "Главная" соответствующему пункту меню дается отдельный идентификатор или класс.

Почему пытаюсь? Там же нет не ошибок не предупреждений валидатора, значит верстаю по рекомендации Пытается это наверно тот у кого не получается.
Может следующий макет и правда попробую для доктайп XHTML 1.0 сверстать. В принципе мне теперь нет разницы под какой доктайп верстать, для интереса поменял у этого сайта доктайп на XHTML строгий ошибок нет но есть 17 предупреждений, исправить две минуты. Просто я для нотепада++ сделал гор.клавиши для некоторых тегов например img но без закрытия ( / ), теперь нужно будет переделать а я уже не помню как

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

Кстати, если хочешь знать мое общее мнение о верстке, то я скажу очень хорошо, но над чем работать есть, это прекрасно. (:

Verder · April 15, 2010

Только вот "ПредлОгаем" пишется через "А".

rediskavet · April 16, 2010

Игорь спасибо за все замечания.

Только вот "ПредлОгаем" пишется через "А".

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

Verder · April 16, 2010

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

Дам линк чуть позже. Сайт пока в интранет работает, тестируется.

rus · April 16, 2010

Дам линк чуть позже. Сайт пока в интранет работает, тестируется.

фига се! уже как год почти тестируется. :unsure:

Verder · April 16, 2010

фига се! уже как год почти тестируется.

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

К тому же 50% денег они заплатили, пусть хоть еще год делают.

rus · April 16, 2010

Это я не в твой огород камень, в отличии от вот этого:

Это не салон красоты.

Банкиры люди обстоятельные и суеты не любят.

Ну да, ну да... особенно когда речь идет о выбивании кредитов с населения. :unsure:

Verder · April 16, 2010

Ну да, ну да... особенно когда речь идет о выбивании кредитов с населения.

Так не надо брать. Или если взял в долг, то будь любезен вовремя отдать.

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

Только вот выбивания нет никакого, все законно. Не девяностые годы...

Sign In

первый оранжевый

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Обсуждения

Important Information