CMS DataLife Engine - Система управления сайтами

ss.seregin

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

Recommended Posts

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

Спасибо.

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

 

qekmr52v6ondy3pkedenvmg4r.jpg

 

Edited by ss.seregin

Share this post


Link to post
Share on other sites

делал так:

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

и так 

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

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

Edited by ss.seregin

Share this post


Link to post
Share on other sites
19 часов назад, ss.seregin сказал:

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

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

Share this post


Link to post
Share on other sites

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

.uploadedfile {  float: left;}

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

0bos9myr6t49nebs0czgy23ev.jpg

Share this post


Link to post
Share on other sites
56 минут назад, ss.seregin сказал:

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

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

Share this post


Link to post
Share on other sites

Благодарю!

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now