Центрирование строк

Список разделов phpBBex 1.x (поддерживается) Поддержка 1.x

Описание: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Правила раздела: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Модератор: Поддержка

Сообщение #1 Степан » 19.07.2015, 10:18

Уважаемые пользователи, кто может подсказать, как центрировать строки форумов и тем? Чтобы в строке, как на картинке, слово "Австрия" было у середины флага, и на том же уровне были числа тем и сообщений.
Сразу скажу, что слово "Австрия" не вылезает сильно выше границ флага потому, что в шаблоне темы есть такой код:

Код: Выделить всё
li.row dl.icon dt a.forumtitle {
   display: inline-block;
   padding: 8px 0 0 0 !important;
}
Попытка вставить vertical-align: middle ни к чему не привела.
Спасибо.

Изображение
Степан M
Автор темы
Репутация: 2
С нами: 8 лет 9 месяцев

Сообщение #2 Sumanai » 19.07.2015, 12:01

Без скриптов никак. Вертикальное выравнивание в HTML- это боль.
Разве что Flexbox спасает. Добавляем в конец стилей что- то типа

Код: Выделить всё
ul.topiclist li.row dl {
    align-items: center;
    display: flex;
}

dl.icon dt .list-inner {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
}

.forum-image {
    padding-top: 0;
}

li.row dl.icon dt a.forumtitle, li.row dl.icon dt a.topictitle {
    padding: 0 !important;
}

.subforums-list {
    display: block;
    flex: 1 100%;
    padding-top: 2px;
}

ul.topiclist dd {
    padding: 0;
}

.forum-description {
    flex: 1 1 100%;
}

Стили для адаптивного дизайна выдумывайте сами, так же как и кроссбраузераность, мне некогда.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #3 Amney » 19.07.2015, 16:57

Sumanai:Вертикальное выравнивание в HTML- это боль.
Неужели все так плачевно?
Amney M
Аватара
Откуда: Вечность.
Репутация: 37
С нами: 11 лет

Сообщение #4 Степан » 19.07.2015, 17:05

А есть код, который просто выравнивает строку по центру, как в таблицах Word?
Степан M
Автор темы
Репутация: 2
С нами: 8 лет 9 месяцев

Сообщение #5 Sumanai » 19.07.2015, 18:10

Amney:Неужели все так плачевно?
Да.
Степан:А есть код, который просто выравнивает строку по центру, как в таблицах Word?
По центру чего?
В том то и проблема, что блоки занимают по высоте столько, сколько в них содержимого. Если там одна строка, то она и будет занимать одну строку.
К тому же указание высоты в процентах не действует, если у родителя высота не задана жёстко или наследуется от жёстко заданного.
А разве тот код, который я привёл, не решает проблему?
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #6 Степан » 19.07.2015, 18:35

Не решает.
Если невозможно выровнять, то что ж, придётся всё вернуть к тому, как было.
Мне всего-то надо, чтобы название подфорума было посередине строки тогда, когда у подфорума нет описания.
Степан M
Автор темы
Репутация: 2
С нами: 8 лет 9 месяцев

Сообщение #7 Dr.Death » 19.07.2015, 19:11

Код: Выделить всё
.forum-image { margin:0; padding:0; float:none; display:inline-block; vertical-align:middle; }
.forum-image + a { display:inline-block; vertical-align:middle; }
Но подфорумы уедут

Добавлено спустя 2 минуты 52 секунды:
Как вариант
Код: Выделить всё
.forums dl:not(.forum_unread_subforum) .forum-image { margin:0; padding:0; float:none; display:inline-block; vertical-align:middle; }
.forums dl:not(.forum_unread_subforum) .forum-image + a { display:inline-block; vertical-align:middle; }
Но .not() надо добавлять все варианты, я вижу тока один

Добавлено спустя 5 минут 17 секунд:
Код: Выделить всё
.forums dl:not([class*="subforum"]) .forum-image { margin:0; padding:0; float:none; display:inline-block; vertical-align:middle; }
.forums dl:not([class*="subforum"]) .forum-image + a { display:inline-block; vertical-align:middle; }
Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 8 месяцев

Сообщение #8 Степан » 19.07.2015, 22:14

Так что, в итоге, вставлять?
Степан M
Автор темы
Репутация: 2
С нами: 8 лет 9 месяцев

Сообщение #9 Dr.Death » 20.07.2015, 10:05

Ну чем дальше тем новее, но все гонит :biggrin:
Dr.Death M
Аватара
Репутация: 69
С нами: 9 лет 8 месяцев

Сообщение #10 ЖЪРЧИК » 20.07.2015, 13:10

Перфекционисты :insane:
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев


Вернуться в Поддержка 1.x



cron