Помогите поправить форму загрузки галереи

[ss.seregin 5]

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

Спасибо.

Сейчас в шаблоне прописано просто:

 

 

Изменено 7 января 2018 пользователем ss.seregin

[celsoft 6 081]

float:left для своих блоков в CSS шаблона добавьте http://htmlbook.ru/css/float

[ss.seregin 5]

делал так:

                     <table style="width: 100%;">
                     <div style="float:left;">  {xfields}</div>
                     </table>

и так 

                     <table style="width: 100%; float: left">
                                           {xfields}
                     </table>

Результат не изменился

Изменено 8 января 2018 пользователем ss.seregin

[celsoft 6 081]

19 часов назад, ss.seregin сказал:

Результат не изменился

И не должен измениться. Вы неправильно делаете. Это свойство нужно назначать вашему блоку с картинкой, а не родительскому блоку. А это например класс uploadedfile

[ss.seregin 5]

Спасибо. Работает. 

.uploadedfile {  float: left;}

Правда и кнопка "поплыла вместе с фото", но это уже намного лучше чем было

[LADYX 91]

56 минут назад, ss.seregin сказал:

Правда и кнопка "поплыла вместе с фото", но это уже намного лучше чем было

вместо float: left; пропишите display: inline; или display: inline-block;

[ss.seregin 5]

Благодарю!

Прописал display: inline-block; Теперь все работает. 

Вопрос закрыт. Еще раз всем спасибо за терпение и помощь