3 января 2012 в 22:12
Не могу расположить группу картинок с новой строки. Проблема на http://trancedelica.ru/node/150
.field-name-field-image-blog{
float: left;
padding-right: 10px;
}
float: left;
padding-right: 10px;
}
.field-items{}
.sb-image{float: left;}
field-name-field-image-blog - это обложка новости, справа от которой распологаем текст.
А вот дальше проблема. Нужно расположить группу картинок рядом друг с другом. Это у меня sb-image. field-items - это текст. Если в него вставить clear: both;, то группа картинок переносятся как нужно. Однако обложка новости оказывается вверху, а не рядом с текстом.
Как решить сделать так, чтобы sb-image не наползал на основную новость?
Спасибо.
Комментарии
clear: both|left|right?
Все это использовалось. Проблема заставить группу картинок выстраиваться друг за другом, но не заезжая на новость.
Тут либо методом тыка и изменения очерёдности в выводе полей, либо поищите среди знакомых спеца по вёрстке. Не думаю что кто-то здесь будет просто так ковырять ту структуру чтобы найти решение.
Не совсем понятно
А структура простая.
Справа от картинки находится текст при помощи float.
А потом нужно разместить картинки при помощи того же float, но при этом с новой строки. а не с левой стороны.
.field-type-text-with-summary {
display:inline;}
.field-type-image {
display:inline-block;}
Текст в div.
Ну и картинки тоже в div.
Clear во второй div. Дальше обтекания в элементы внтури div.
Такое вот индейское решение.
Или вот это готовое решение грамотно разместите: