Опять float

[seemax]

Прошу посмотреть страничку

http://pomidor.com.ua/seemax/peregorodkin/team.htm

Перепроверил не один раз свойства 5й картинки в наборе лиц.

Такое ошущение, что именно для нее float: left; отменен неведомой силой.

[SelenIT]

Как раз не отменен, в этом-то и проблема. Потому что 3-я картинка на 3px выше четвертой, и 5-я за нее «цепляется». Нужно или подровнять высоту всех картинок, или добавить нечетным figure-ам clear:left.

[Switch74]

размер 3-его блока с картинкой больше размера 4-ого, 5-ый врезается в 3-ий вот и не прижимается к правому краю как вам бы этого хотелось. Не пойму как можно так сверстать, чтобы все размеры блоков были разных размеров Оо.

Приводите их к единой высоте или ставьте после каждого второго clear.

[seemax]

Спасибо эксперты. Картинки приведу к общему знаменателю через атрибуты width height, которыми пренебрег.

А резал сеткой и где то ячейка пошалила на малые пиксели.

[121990]

А резал сеткой и где то ячейка пошалила на малые пиксели.

Не где-то, там все блоки различаются по ширине. Просто .sign { height: 313px }

[Switch74]

width height могут деформировать изображение или нарежьте их заново как надо или можно воспользоваться оберткой для них с заданными размерами и overflow:hidden

Edited August 9, 2013 by Switch74

[seemax]

.sign { height: 313px }

Это чудесное свойство привело всех в единообразие, запомню, спасибо.

Кстати, "точнейшая нарезка" мне недоступна. У кого получается выставить наравляющие с точностью до одного?

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

И даже если поймал это точку, слайс может эти пиксели чуток не поймать.

[Switch74]

хреновым редактором видать пользуетесь, а если не получается норм отрезать:

1. отрезаем как нужно приблизительно

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

1-ый пункт можно опустить

[SelenIT]

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

[seemax]

Прислушался к опыту каждого и облюбовал

{ height: 313px }для всего блока с фото

Быстро, надежно и если клиент полезет менять картинки ничего не покривит, во как!