Обсуждение RealPixel

[Temiks]

Здравствуйте.

Прокомментируйте, пожалуйста, верстку: RealPixel

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

1. Подключаемый шрифт отображается не верно в браузерах на движке chromium, но в браузерах firefox, IE - так как нужно. С чем это может быть связано?

Chrome:

Firefox:

2. В IE7 последние в строчке изображение "перепрыгивает" на новую строчку при разных размерах окна.

Про макет:

1. Макет: "Резиновый"

2. Стандарт: HTML4

3. Кроссбраузерность: IE7+

Edited May 7, 2014 by Temiks

[npofopr]

Я бы вот только избавлялся, от "говорящих" названий классов, например .team-box, для больше универсальности.

и .team-list логичнее бы смотрелось единым блоком, а не 2 строками.

При резиновости... сделайте что то с картинками лиц. Сжимаются ведь. max-width:100%; height: auto; для img вам в помощь.

[Temiks]

 

Я бы вот только избавлялся, от "говорящих" названий классов, например .team-box, для больше универсальности.

Чем плохо делать "говорящие" название классов? В данном случае будет только один блок на странице с таким именем и содержимым, которое сразу дает понять, для чего он  и что в нем будет.

К примеру, как Вы называете подобные блоки?

 

.team-list логичнее бы смотрелось единым блоком, а не 2 строками.

пришлось к этому "прийти" из-за не фиксированной высоты подписи об сотруднике (блок имени и должности)

 

При резиновости... сделайте что то с картинками лиц. Сжимаются ведь. max-width:100%; height: auto; для img вам в помощь.

Спасибо, исправил!

[npofopr]

Чем плохо делать "говорящие" название классов? В данном случае будет только один блок на странице с таким именем и содержимым, которое сразу дает понять, для чего он  и что в нем будет. К примеру, как Вы называете подобные блоки?

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