iamevgeny

Собрал в спрайт уголки блока "Event", структуру блока сделал более простую.

Из ошибок:

- В эксплорере 8, под ссылкой "All events and news" выползает двойное поле (zoom:1 не помогает);

- В FF последнем, Абзац "© 2010 - Spitfire & Hawker Hurricane Manchester Museum. All rights reserved" уползает вправо при большом разрешении или вниз при 1024, например (полагаю, что причина в div="guard" не позволяющем футеру наезжать на контент).

Как поправить не знаю, прошу вашего совета.

UPD 03.07.2011 19:38 Мск Суть была в том, что пустой блок я засунул в основной контейнер, что было неверно, сейчас вроде правильно во всех браузерах.

UPD 04.07.2011 11:44 Мск Убрал тени блоков событий для ie6 условными комментариями, добавил прозрачность png.

И, если не затруднит, прошу оценить верстку вновь с учетом внесенных исправлений.

Работа. Валидность html, css.

Терь будет хватать)) ограничила ширину

На мой взгляд так значительно лучше.

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

Так и должно быть?

GChrome разрешение 1920*1080:

Не хватает куска фона.

... это правила хорошего тона как минимум.

Полагаю, что так лучше (имею ввиду, что причесал см.п.10 выше).

Учитывая конструктивные комментарии внес изменения:

1. Структура резиновая с min и max;

2. Резиновые "Event block";

3. Заглавные сделал стилями;

4. Ссылку на "Photos and videos" сделал кнопкой;

5. Прижал футер;

6. По своему вкусу причесал css;

7. Убрал лишние абсолюты;

8. Убрал лишний div id="nav";

9. Поправил reset - убрал лишние стили;

10. Причесал html. upd. 19:37 28.06.11

Валидность html

Валидность css

Стоит поправить:

1. Собрать в спрайт декоративные элементы "Event block";

2. Откорректировать работоспособность в старых браузерах.

А где класс и как ты вообще к нему обращаешься?

Спасибо, правда спасибо.

Я со многим спорить не стану:

- блоки резиновые надо, верно, это я упростил себе задачу,

- заглавные да, точно,

но вот процитированное... ладно, я понял. Хотя может это я конечно мало понимаю, например, для обращения с помощью JS надо делать иначе, я еще книжек почитаю.

... справа непонятный отступ:...

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

Хуже когда разрешение выше. Но что делать с таким элементом? Прижимать его к правому верхнему углу? В этом случае пользователи с 1980 и пр. увидят сайт еще хуже.

Это я конечно, упростил с "photos and videos". Усложню, улучшу.

Это не шаблон такой, это верстка такая.

А править кому предлагаете? Посетителям сайта?

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

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

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

наш большой холивар товарищ решил совсем интересно. Он просто всю картинку затолкал в БГ, вместе с тенями. А мы два дня бились над тем, как его лучше сверстать.

Хыхы, да тот диалог не читал, любопытно.

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

наш большой холивар товарищ решил совсем интересно. Он просто всю картинку затолкал в БГ, вместе с тенями. А мы два дня бились над тем, как его лучше сверстать.

Не совсем понял кто именно "холивар товарищ" без обид, просто непонятно (ааа понял, я товарищ, а холивар с исходной ветке). если предположить, что речь обо мне, то вероятно это комментарий о блоках в событиях, верно? Что мешает так поступать, если предполагать, что картинки определенного размера?

Мда...вёрстка конечно ужасна.

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

sigma77

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

mishka

Нет "p" с фиксированной высотой, есть блоки, да, но я предполагаю, что абзацы фиксированной длины, т.е. проблем нет.

Привет! Спасибо за макет, скачал и сверстал.

Комментарии к работе:

- Структура фиксированные, полагаю, что так лучше, хотя и в резину переделать не сложно. (ширина по макету)

- В некоторых местах, например, подчеркивание ссылки "Full information", позволил себе вольности, думаю, это не критично.

- В сайдбаре центрирование текста корявое, я не до конца разобрался с текстом, поправлю позже.

Буду рад любым комментариям. Спасибо!