Jump to content


Photo
- - - - -

Колонки материалов


Best Answer woodman , 02 September 2015 - 16:25

.jbzoo .width16 {
    float: left;
    margin: 0 0.95% 0.95% 0;
    width: 15.7%;
}

или width: 15.6% и ниже,

или марджины поменьше

Go to the full post


  • This topic is locked This topic is locked
4 replies to this topic

#1 mobix1

mobix1
  • JBZoo User (rus)
  • User rate: 2.5
  • posts: 226
  • topics: 54

Posted 02 September 2015 - 14:01

Возникла такая проблема. На главной странице вывожу материалы в 6 колонок.

на экране в 22 дюйма, все отображается норм, но вот стоить зайти на сайт с экрана с разширение 1024х768, то тогда в одной строке отображается только 5 колонок, а 6 начинается с новой строки, к сожалению скриншот дать не могу.

сайт http://sportserious.ru/

Сейчас ширина страницы сайта 940px, но даже если меняю ширину страницы,то на экране что я указал, всеравно сдвигается 6 колонка на новую строку


  • 0

#2 woodman

woodman
  • JBZoo User (rus)
  • User rate: 38.4
  • posts: 648
  • topics: 59

Posted 02 September 2015 - 15:47

Тут нужно подобрать оптимальный вариант ширины контента и количества колонок. Возможно, Вам лучше пробовать 5 колонок или ширину сделать больше/меньше 940px.

Хотя я бы на Вашем месте просто поправил CSS как мне нужно.


  • 0

#3 mobix1

mobix1
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 2.5
  • posts: 226
  • topics: 54

Posted 02 September 2015 - 16:18

Тут нужно подобрать оптимальный вариант ширины контента и количества колонок. Возможно, Вам лучше пробовать 5 колонок или ширину сделать больше/меньше 940px.

Хотя я бы на Вашем месте просто поправил CSS как мне нужно.

Тут как на меня, дело не в ширине самого шаблона,

К примеру я ставил вывод 5 материалов, по 5 колонок, но оно всеравно, в 1й ряд выводит 4 колонки, а 5ю колонку перекидывает на 2й ряд. Скриншоты ниже

Ashampoo_Snap_2015.09.02_18h15m39s_001_.png

Ashampoo_Snap_2015.09.02_18h16m28s_002_.png


  • 0

#4 woodman

woodman
  • JBZoo User (rus)
  • User rate: 38.4
  • posts: 648
  • topics: 59

Posted 02 September 2015 - 16:25   Best Answer

.jbzoo .width16 {
    float: left;
    margin: 0 0.95% 0.95% 0;
    width: 15.7%;
}

или width: 15.6% и ниже,

или марджины поменьше


  • 0

#5 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 02 September 2015 - 16:29

mobix1, проблема в css стилях вашего шаблона, то что предложил woodman, не совсем верное решение.

Вам необходимо добавить стиль box-sizing: border-box; , а стили данных элементов находятся в файле

\media\zoo\applications\jbuniversal\assets\less\general\others.less

Edited by Cheren-dow, 02 September 2015 - 16:29.

  • 0
Изображение
 




Click to return to top of page in style!