TablePress позиционирование текста
1. Соединить в одну таблицу.
2. Использовать для всех таблиц table-layout: fixed.
3. Javascript, вычисляющий ширину столбцов для всех таблиц.
А во второй позиционирование по левому краю как в первой невозможно? Запланировано добавление новых строчек в будущем.
Скорей всего, если текст взят из уже отформатированной таблицы,
этот формат был перенят и в Вашу таблицу.
Нужно посмотреть код и удалить ненужное.
А потом можно будет и через CSS формат делать.
Так я не найду, где таблицы сами сгенерированы. Я бы залез 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" играет по ходу решающую роль.
А сейчас выставлено просто в строчке ".tablepress td"
Во всяком случае, если я делаю изменения именно на эту строчку,
происходят изменения и в сайте.
Следующая строчка ".tablepress tbody td" играет по ходу решающую роль.
Потому что она декларирована последней https://developer.mozilla.org/en-US/docs/Web/CSS/Specifici...
Похоже я тормознул немного. Извиняюсь.
Как выше уже писали, по левому краю оно автоматически уже выровнено.
Вы хотите по правому выровнять, чтоб правый край ровным был?
Тогда нужно вместо "left", "right" написать.
да нет же. Все правильно. я удивлен, почему строки выравнивания по левому краю не совпадают с выравниванием по левому краю другой таблицы..Как в начале поста видно, что город сдвинут вправо, и телефоны вправо улетели просто (
Где именно не совпадают?
Я смотрю, вроде все с одинаковым зазором по левому краю выровнены.
Я даже бордер сделал видимым, чтоб лучше видно было.
Если Вы имеете в виду таблицу снизу, то это не удивительно.
В этих таблицах находятся различные по длине в различных колонках слова.
Каждая колонка берёт автоматом ширину длиннейшего элемента.
И каждая таблица функционирует независимо друг от друга.
Если Вы хотите сделать колонки одинаковой ширины, то нужно им это свойство присвоить через CSS.
Вот так примерно:
.tablepress tbody td {
text-align: left;
vertical-align: top;
width: 25%;
}
Нужно задать ширину столбцов, иначе в первой и второй таблице длина текста разная, следовательно и ширина столбцов разная, а значит текст смещен.
Вот развели дискуссию блин :)
Как вам выше уже написали, у таблиц не задана ширина колонок, поэтому она определяется браузером на основе содержимого.
Задайте фиксированную ширину в пикселях или относительную в процентах. Заодно стоит подумать о том, как таблицы будут выглядеть на маленьких экранах. Дизайн то у вас резиновый.
Можно вообще без таблицы обойтись, на одних дивах. Совсем просто.
И кроме того это хорошо подойдёт и для маленьких экранов.
Таблицы не пойдут на мобильных.