TablePress позиционирование текста
хотелось, чтобы текст в таблицах был одинаково расположен слева. Это 2 разные таблицы. одинаковые. Текст взят из одной таблицы. Пробелов и табуляторов нет. Вставлял css пользовательский, с позиционированием left; но изменений не видел.. Что нужно сделать?
Так я не найду, где таблицы сами сгенерированы. Я бы залез HTML посмотрел. Код CSS пользовательский вставлял. Выравнивание вертикально по середине, по горизонтали слева. Но не реагирует вообще на добавление CSS. (
.tablepress tbody td {
vertical-align: middle;
}
.tablepress td,
.tablepress th {
text-align: left;
В документе "default.min.css"
нужно найти строчки:
.tablepress tbody td {
vertical-align: top;
}
И добавить после "vertical-align: top;"
ещё строчку "text-align: center;"
Получится:
.tablepress tbody td {
vertical-align: top;
text-align: center;
}
ну или вместо "center" можно поставить "left", что Вам больше подходит
Следующая строчка ".tablepress tbody td" играет по ходу решающую роль.
Потому что она декларирована последней https://developer.mozilla.org/en-US/docs/Web/CSS/Specifici...
да нет же. Все правильно. я удивлен, почему строки выравнивания по левому краю не совпадают с выравниванием по левому краю другой таблицы..Как в начале поста видно, что город сдвинут вправо, и телефоны вправо улетели просто (
Где именно не совпадают?
Я смотрю, вроде все с одинаковым зазором по левому краю выровнены.
Я даже бордер сделал видимым, чтоб лучше видно было.
Если Вы имеете в виду таблицу снизу, то это не удивительно.
В этих таблицах находятся различные по длине в различных колонках слова.
Каждая колонка берёт автоматом ширину длиннейшего элемента.
И каждая таблица функционирует независимо друг от друга.
Если Вы хотите сделать колонки одинаковой ширины, то нужно им это свойство присвоить через CSS.
Вот так примерно:
.tablepress tbody td {
text-align: left;
vertical-align: top;
width: 25%;
}
Вот развели дискуссию блин :)
Как вам выше уже написали, у таблиц не задана ширина колонок, поэтому она определяется браузером на основе содержимого.
Задайте фиксированную ширину в пикселях или относительную в процентах. Заодно стоит подумать о том, как таблицы будут выглядеть на маленьких экранах. Дизайн то у вас резиновый.
Таблицы не пойдут на мобильных.
- - - -
серьезно?
Да, серьёзно.
Но при желании можно протолкнуть таблицы, но повозиться придётся, а нужно ли это.
В принципе конечно можно иметь таблицу, вплоть до перестраиваемой програмно.
Но проше использовать дивы, размещай как хочешь, всё гибко.
И если есть возможность, то надо обходиться без таблицы, на одних дивах. Совсем просто.
т.е. сарказма не заметили в моем вопросе? Я думал, прочитаете что нибудь про responsive tables, прежде чем еще раз утверждать. И что по вашему - 99% респонсивных емайлов "проталкивают" таблицы?
99% - тоже сарказм?
А вобще речь шла об конкретных таблицах в теме, где есть проблема и я высказался, что они будут плохо выглядеть на мобильных, если ошибся ну что ж ... потом посмотрю.
Но и в целом на мобильных для сайтов таблицам нет места.
Ну разве простеньких по шаблонам.
Я столько время на таблицах потерял, с трудом избавился от желания возиться с этой логикой.