Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 71 Ответов
  • 4756 Просмотров
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
C 33.33% колонки из 3х превращаются в две. третья убегает вниз. А между колонками образуется пустое белое поле. Даже при 31% такой эффект. Наверное, из-за всяких margin указателей в коде. Выставил 30%. Нижний ряд ползет, но уже не сильно.

Дело в том, что если выставить проценты, текст дико сжимается, если сужать окно браузера (вдруг у пользователя маленькое разрешение монитора). хотя, тут поможет min-width. да. не подумал, блин.
" (count($this->item))"
Наверное, слишком нагло задавать вопрос, но куда вставлять эту функцию?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Я два-три раза в теме написал, что нужно для родителя задать font-size:0, чтобы не убегало.
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Так, для .cols этот момент стоит изначально. Нет. Этот момент побежден за счет margin:0 !important;
При сужении окна браузера третья колонка убегает вниз -это нормально. но появляется огромный разрыв. между двумя оставшимися.
то ли нужно сделать, что бы колонки бежали к центру. То ли как-то для них начинало действовать правило двух колонок.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Когда вы сделали display:inline-block, элементы стали вести себя как строчные, типа это слова, только с сохранением некоторых атрибутов блочных элементов. Раз это слова, значит между ними есть пробелы. Можете сколько угодно ставить margin, на пробел он не влияет. Есть разные варианты решения проблемы. Два рабочих:
1. Удалить эти пробелы в самой разметке.
2. Сделать размер шрифта = 0. Но затем для блоков вернуть. Всё это я выше писал уже.
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Ну так стоит же все так.
Код
.cols {
font-size:0;
vertical-align:top;
display:inline-block;
margin:0 !important;
float:none;
}
.cols > div{
font-size:14px;
vertical-align:top;
display:inline-block;
padding:20px;
}
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
А ещё я писал, что ни в коем случае padding элементам, которые по 33%, не давать. Будем всё по три раза проходить. ^-^ Сейчас ширина блоков 33,33% + 2*20px. Поэтому не входит конечно же.
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Не против, но
http://joomlaforum.ru/index.php/topic,326303.msg1637893.html#msg1637893
Код: css
.cols > *{
margin:0 !important;
}

.cols > * > *{
padding:20px;
}

Сделал так:
Код
.cols > div{
..
padding:1%;
}
..
.cols.col-3 > *{
width:31.33%;

Firefox, Safari, IE, Opera - нет нареканий.

Но min-width:xpx всему этому делу теперь не вставишь - все бежит из колонок в строки.
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
блоку контент выставить минимум
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Этот отступ для вложенного элемента внутри блоков. У вас разметка ни раз менялась, я написал общее решение. Так тогда сделайте:

Код: css
.cols > * > * > *{
padding:20px;
}
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
блоку контент выставить минимум
Если ему не прописывали размеры и float, то его ширина 100%
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Блин. Сдаюсь))
Код
.cols {
font-size:0;
vertical-align:top;
display:inline-block;
margin:0 !important;
float:none;
}
.cols > div{
font-size:14px;
vertical-align:top;
display:inline-block;
}
.cols > * > * {
padding:20px;
}
}
.cols.col-3 > *{
width:33.33%;
}
}

Чего только не испробовал - ради эксперимента, уменьшал размер width в .cols.col-3. Менял размер контента. Все равно, весь ряд колонок сползает вниз пикселей на 50. Где нет колонок (та же главная страница), внутренность блока не ползет (да ее там и нет)
с колонками vs без.
Конечно, если убрать display:inline-block;, то этого не происходит, но тогда да. тогда летят колонки.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
http://estaf.org/white/index.php/oborudovanie

Всё вроде получилось же. Не вижу, где что сползает.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Так вы pading сверху уберите
http://prntscr.com/aot0i7

Код: css
.cols > * > * {
    padding: 0 20px 40px;
}
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Сделал. На пикселей 5 подъем и снова стоп. создал отрицательное значение - не то.
И, главное, не всегда вычислишь по отладчику, откуда ноги. В смысле, наверное, вычислить-то можно, если каждый раз анализировать вообще почти весь CSS.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Нет никакого подъёма.



Может быть из-за этого?

*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Если не секрет, каким инспектором вы смотрите код?
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Убрал хлебокрошки. Ясно. Нужно вылавливать, что это за мессадж контейнер.
« Последнее редактирование: 06.04.2016, 14:46:15 от dariusii »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Если не секрет, каким инспектором вы смотрите код?

Хромовским обычным.
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Код
 cp libraries/joomla/document/html/renderer/message.php templates/gorkypark/html/layouts/joomla/system/
#просто не заморачиваюсь и штампую права заготовкой сделанной
site=white
chown -R $site:web-developers /home/ftp/$site
chmod -R 777 /var/www/$site
find /var/www/$site -type d -exec chmod 755 {} \;
find /var/www/$site -type f -exec chmod 644 {} \;
chmod 777 -R /var/www/$site/tmp
2018  chmod 777 -R /var/www/$site/components
2019  chmod 777 -R /var/www/$site/cache

Но что править в этом файле, ума не приложк. что то, связанное с массадж, но что?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Я вообще не понял, что это за куски логов.
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Есть такая тема: System-message-container. Находится на этом ресурсе.
В ней похожий вопрос топикстартером поднимался:
"Может кто-нибудь сталкивался, подскажите, пожалуйста. Поиск не помог.
Перед заголовком материала (блога, категорий, не важно) имеется пустое пространство."

Что-то, похожее на ответ. Это даже не ответ. Скорее, попытка ответить.
"Можно закомментить строку в главном шаблоне <jdoc:include type="message" />. Но это не вариант. На сколько я понял этот модуль выводит системные ошибки."

Ниже предложили скопировать файл libraries/joomla/document/html/renderer/message.php в templates/gorkypark/html/layouts/joomla/system/

Я это сделал. те скрипты, что написал, лишние. звиняюсь.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Код: css
#system-message-container {display:none !important;}
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
От размера окна зависит.
Макс. разрешение монитора на ноуте - 1366x768.
При определенном уменьшении окна таблица сдвигается чуть вниз.
Убрал даже меню слева. Все равно, сверху отступ.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Да я видел. Но найти суть проблемы не могу без доступа к файлам. Единственное универсальное решение: удалить все пробелы между тэгами в этом месте.
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Попробовал выровнять блоки по центру - то же странно. Если блоков не более числа колонок, то все ок. Если начинается второй ряд, то правило display: flex; justify-content: center; уже не действует на них.
Давай сравнивать CSS для общего блока #content100. Одинаковый код. Центровка необходима по причине, что бы не менялись размеры блоков материалов - уход от процентов. Иначе, либо у блоков нужно делать неравномерный размер по высоте, либо блоки будут каpаться пустыми/текст будет уходить за границы (пусть даже и будет невидим).
все выравнивается по центру, если блоков не больше, чем число колонок.
все побежало влево при идентичных правилах в CSS.
« Последнее редактирование: 11.04.2016, 11:07:59 от dariusii »
*

dariusii

  • Захожу иногда
  • 75
  • 0 / 0
Блин. Можно конечно и так:
Код
.cols {
..
text-align: center;
}
.cols > div {
display:inline-block;
}

но это для всего блока, в котором "колонки" и "строки".
margin:auto для .cols > div объекты тупо сдвигает и все.

можно сделатьtext-align: justify, но от этого не лучше. колонки бегут к краям.
При чем, проблема явно не в значении "justify", а в том, что когда блоки сжимаются и один вертикальный ряд сбегает вниз, блоки снова не растягиваются, что бы занять все значение в %, как до сжатия.
« Последнее редактирование: 14.04.2016, 14:38:42 от dariusii »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Шаблоны Joomlart, Gavick, Yootheme, RocketTheme для Joomla: легально и с обновлениями, no warez

Автор _ib_

Ответов: 168
Просмотров: 198756
Последний ответ 15.04.2023, 18:26:50
от AS1969
Различные условия в шаблонах Joomla 3.0 и 2.5

Автор Fedor Vlasenko

Ответов: 132
Просмотров: 24305
Последний ответ 24.01.2023, 17:46:38
от goga_pgasovav
Через модуль html надо вставить три изображения в одну линию (горизонтально)

Автор dionisimuss

Ответов: 10
Просмотров: 791
Последний ответ 21.12.2022, 20:59:52
от dionisimuss
Где в Joomla 3.4.3 шаблон материала? Шаблон Yootheme Organic

Автор annushka

Ответов: 13
Просмотров: 4788
Последний ответ 13.09.2022, 11:14:56
от tuztref
Master3 – современный удобный гибкий шаблон для Joomla! 3 на фреймворке UIkit 3

Автор dron

Ответов: 81
Просмотров: 7583
Последний ответ 11.09.2021, 03:12:59
от vasileк