[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: HTML таблица
Kekc
Всем добрый день!
Такая проблема, у меня за рамки блока выходит таблица, есть ли возможность сделать автоматический перенос как только она доходит до границы блока родителя?
AllesKlar
Нет.
Таблица - это строки, в которой содержатся ячейки.
У тебя одна строка в которой 9 ячеек.
Ты хочешь, чтобы автоматически менялось количество строк и ячеек в них.

Если сильно заморочиться, то можно на JS написать.

Т.к. у тебя таблица состоит всего из шапки и одной строки, то лучше переделай все в дивы.
Каждый див будет иметь 2 элемента: верхний - шапка и нижний - контент, для каждого из этих "основных" блоков в стилях пропиши float: left
и вот тогда уже эти блоки будут автоматически переноситься вниз, при изменении ширины окна.



_____________
[продано копирайтерам]
stump
Можно горизонтальный скролл добавить и скрыть то что не входит в див.

_____________
Трус не играет в хокей
Kekc
Спасибо, нашёл вариант!
sergeiss
Kekc, всё просто делается. Делаешь так, чтобы каждые 2 ячейки были отдельной таблицей. Помещаешь их в отдельный ДИВ. И делаешь его "плавающим". Выводишь все эти ДИВы подряд, они сами будут заполнять ряд и автоматически перейдут на другую строку. Это будет (автоматически) происходить даже при изменении размеров страницы.
Единственная проблема, которую надо будет решить, это выставить корректные размеры по высоте. Чтобы все данные в них влезали. А по ширине они будут автоматически выставляться.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
stump
думаю стоит переформатировать таблицу: подумать про несколько строк. Надо же еще и не забыть про красоту, а не просто перекинуть на вторую строку.

_____________
Трус не играет в хокей
AllesKlar
Kekc
У stump хорошая мысль.
Пусти таблицы вертикально.
Будет много строк и только 2 ячейки: наименование поля | значение поля


_____________
[продано копирайтерам]
Kekc
Всем огромное спасибо!
Воспользовался методом sergeiss, т.к. в моей ситуации более мне подходит!
Тема закрыта!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.