Raira-2

[psywalker]

Тоже решил попробовать свои силы, сверстать макетик, который был предложен Dimitry Wolotko вот в этом топике: http://forum.htmlbook.ru/index.php?showtopic=13276 .

Дорогие эксперты , оцените пожалуйста и вынесите свои вердикты

Вот картинка - Оригинал: http://www.psywalker.ru/Raira/pic/Raira.jpg

Html http://www.psywalker.ru/Raira/main-page.html

Css http://www.psywalker.ru/Raira/css/styles.css

Edited April 24, 2009 by psywalker

[Nekromancer]

горизонтальная полоса прокрутки меня убивает %)

Edited April 24, 2009 by Nekromancer

[Grand-Realt]

Горизонтальная полоса повергает меня в шок ;( зачем она ?

Edited April 24, 2009 by Grand-Realt

[Nekromancer]

от этого блока я тоже не в восторге.. %)

<div id="hdr">

[psywalker]

Nekromancer

А что плохого в этом блоке?

от этого блока я тоже не в восторге.. %)

Код

<div id="hdr">

Полосу исправил http://www.psywalker.ru/Raira/main-page.html

Теперь она появляется только на 960рх

Edited April 24, 2009 by psywalker

[Grand-Realt]

у меня полоса, разрещение 1280х800 ...

Edited April 24, 2009 by Grand-Realt

[psywalker]

Grand-Realt

Тоесть вы хотите сказать, что нижняя горизонтальная полоса появляется у вас при разрешении 1280рх ?

Такого быть не может, у меня 1280 и ещё остаётся место до полосы даже. Проверьте ребят, ещё у кого нибудь тоже самое?

Grand-Realt посудите сами, как такое возможно, если в коде нет ни одного блока с шириной 100%, всё чистенько, можете проверить, а минимальная ширина стоит 960рх, в любом браузере у меня лично никакой полосы до 960 не возникает

Нет, если конечно изменять шрифт на более большой, то конечно тогда полюбому будет, как без неё, а так при нормальных размерах всё хорошо

Edited April 24, 2009 by psywalker

[klierik]

h2 {
background:transparent url(../img/h2_bg.gif) no-repeat scroll 0 0;
}

фон надо было делать через PNG.

да и вообще зачем надо было вешать глобально?

там и дива с головой... тут данный елемент на логику не так что б и сильно играл.

остальное норм.

CSS:

min-width: 96em; /* Default scroll width is 16px, so 1024-16 is 850px */

1024 - 16 явно не 850

b { font-weight: normal;}

однако о_О

хотя ~ понимаю из каких соображений делал

ЗЫ: 1024*768 скролом и не пахнет

[Grand-Realt]

О_о уже нету прокрутки... изменил и предъявил

[psywalker]

Grand-Realt

Ребят, а ещё будут предъявы насчёт вёрстки?

[SelenIT]

фон надо было делать через PNG.

Присоединяюсь, на узком экране становятся видны "зубцы" вокруг букв. Имхо, оптимальным ходом был бы PNG-8 с полупрозрачностью, чтоб "зубцы" были только в устаревшем браузере).

И украшения типа бабочки, имхо, лучше делать фонами соотв. блоков, а не <img> - это ж не иллюстрация, зачем на сайте страховой конторы картинка с alt="butterfly"? Больше явных косяков сходу не заметил, вроде все отлично.

[psywalker]

SelenIT

1)

Присоединяюсь, на узком экране становятся видны "зубцы" вокруг букв. Имхо, оптимальным ходом был бы PNG-8 с полупрозрачностью, чтоб "зубцы" были только в устаревшем браузере).

Полностью согласен, причём сначала сделал ПНГ, а потом чёто решил оптимизировать и переделал в Гиф, но щас понимаю, что зря.

2)

И украшения типа бабочки, имхо, лучше делать фонами соотв. блоков, а не <img> - это ж не иллюстрация, зачем на сайте страховой конторы картинка с alt="butterfly"?

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

[SelenIT]

Сделать блок повыше и пошире, сдвинуть на выступ бабочки отриц. маргином и отогнать текст паддингом — не выход?

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

[psywalker]

SelenIT

1)

Сделать блок повыше и пошире, сдвинуть на выступ бабочки отриц. маргином и отогнать текст паддингом — не выход?

Но тут и правда такая заморочка не стоит свеч, темболее что плохово в этой Картинке прибитой Абсолютом к правому краю?

2)

Но альт-тексты, имхо, в любом случае должны быть либо осмысленными, либо пустыми...

Согласен, альты надо сделать пустыми