Как вставить две таблицы рядом html
Нужно 2 таблицы с WIDTH=40% разместить рядом друг с другом, а не одна под другой. Как это сделать?
автор: NovikovMA (05.04.2008 в 13:14) письмо автору
хотяб всунь их в таблицу
| таблица 1 | таблица 2 |
метод деревенский, но точно работает 🙂
автор: deman-b (05.04.2008 в 15:16) письмо автору
| style=»display: block;» |
каждой таблице.. если они по ширине вместе войдут — то будут рядом..
если нет то перенесутся..
а вобще в топку таблицы.. надо на слоях делать!
автор: ~Z0RR0~ (06.04.2008 в 20:28) письмо автору
хм, а флотить их потом не надо? Так и встанут рядом? ))
Две вложенные таблицы одинаковой высоты
Проблемы вёрстки. Есть таблица — контейнер. У неё одна единственная строчка, в которой содержится две ячейки. В каждой ячейке ещё по таблице. Вопрос: как сделать так, чтобы высота одной таблицы вычислялась в зависимости/так же как и высота другой.
.table_container < border: none; outline: none; border-collapse: collapse; /* Убираем двойные линии между ячейками */ margin: 5px 15px; padding: 0; color: rgba(86,100,115,1); table-layout: fixed; height: 100%; >.table_container td < border: none; outline: none; margin: 0; padding: 0; >.table_container .inner_table < height: 90%; border: none; outline: none; border-collapse: collapse; /* Убираем двойные линии между ячейками */ table-layout: fixed; >.table_container .inner_table td < border: none; outline: none; padding: 5px; border: 2px solid rgba(86,100,115,1); overflow: hidden; >.table_container .inner_table th < padding: 10px; border: 2px solid rgba(86,100,115,1); >.table_container .inner_table th p
FJIREHT943TH0-34934943-435N8Y3Y34Y3Y4 . . . . .
Some bnbkj
Во внутренних таблицах все ячейки строго заданной ширины для того, чтобы свойство table-layout: fixed могло работать. С высотой заранее не угадаешь. Проблема в том, что если в одной таблице высота строк растягивается в зависимости от содержимого, в другой этого не происходит, и она становится меньше первой, хотя в идеале требуется, чтобы они воспринимались как одна общая таблица. Можно ли как-то разрешить эту проблему?
Как вставить две таблицы рядом html
Имею две таблички:
| 1 | 2 |
| 3 |
| 5 | 6 |
| 7 |
Есть ли возможность расположить вторую справа от первой,
а не под первой?
Re: Как расположить рядом две таблицы
| От: | ZORK | www.zorkaltsev.com |
| Дата: | 15.05.03 10:54 | |
| Оценка: |
Здравствуйте, avpavlov, Вы писали:
Сделать таблицу, в которую положить эти две:
1 2 "2">3
5 6 "2">7
Думать надо . головой 🙂
Re: Как расположить рядом две таблицы
| От: | Flamer | http://users.livejournal.com/_flamer_/ |
| Дата: | 15.05.03 10:54 | |
| Оценка: |
Здравствуйте, avpavlov, Вы писали:
[]
A>Есть ли возможность расположить вторую справа от первой,
A>а не под первой?
Есть. Для этого нужно три таблицы (как вариант):
ТАБЛИЦА СЛЕВА
ТАБЛИЦА СПРАВА
Re: Как расположить рядом две таблицы
| От: | TATAPuH |
| Дата: | 15.05.03 11:04 |
| Оценка: |
Здравствуйте, avpavlov, Вы писали:
например так (засунуть две таблички в нутри другой)
1 2 3
5 6 7
или можешь извратиться так
1 2 3
5 6 7
Re: Как расположить рядом две таблицы
| От: | avpavlov |
| Дата: | 15.05.03 11:13 |
| Оценка: |
Не совсем точно задачу обрисовал.
Рисую с помощью таблиц doc-flow:
. +----------+. +----------+ . | |. | | . Action1 | |. Action2 | | ------------>| State1 |------------>| State2 | . User1 | |. User2 | | . Date1 | |. Date2 | | . +----------+. +----------+ .. невидимые линии -- видимые линии Action+User+State - итерацияТ.е, каждая итерация описывается двумя колонками, причем во второй строки склеены.
Если все итерации находятся в одной таблице, то начинается горизонтальный скроллинг.
Сейчас для избежания скроллинга дроблю в ручную про 3 итерации в таблицу,
потом следующие три оформляю в таблицу и т.д.
(не оформляю по 3 итерации в строку одной большой таблицы, чтобы ячейки по вертикали
не выравнивались друг под друга, тексты State, Action и User могут сильно отличаться
по размеру)
Так мне не нравится. А хотелось вот что:
каждую итерацию оформить ввиде отдельной таблички, и пусть броузер
решает когда стоит вставить перенос строки.
Предложенные способы вставки таблиц в охватывающую таблицу тут не помогут,
но всё равно спасибо
Re[2]: Как расположить рядом две таблицы
| От: | avpavlov |
| Дата: | 15.05.03 11:16 |
| Оценка: |
TAT>или можешь извратиться так
TAT>
TAT> TAT> 1 2 3
TAT> 5 6 7
TAT> TAT>Тогда вообще весь хтмл придется вручную позиционировать, не пойдет
Re[2]: Как расположить рядом две таблицы
| От: | Воронков Василий |
| Дата: | 15.05.03 11:25 |
| Оценка: |
Здравствуйте, avpavlov, Вы писали:
1 2 1 2
3 4 3 4
Re[3]: Как расположить рядом две таблицы
| От: | avpavlov |
| Дата: | 15.05.03 11:29 |
| Оценка: |
Я уже уточнил уже, перенос тоже должен присутствовать, только
хотелось бы чтобы это взял на себя броузер.
При использовании абсолютных координат о переносе надо забыть,
плюс размер таблицы в принципе не известен, так что это ещё
хуже, чем моё разбиение по три итерации.
Re: Как расположить рядом две таблицы
| От: | uzzy | |
| Дата: | 15.05.03 12:04 | |
| Оценка: | 10 (2) | |
Здравствуйте, avpavlov, Вы писали:
A>Имею две таблички:
A>
| 1 | 2 |
| 3 |
A>
| 5 | 6 |
| 7 |
A>Есть ли возможность расположить вторую справа от первой,
A>а не под первой?
table.t1 1 2 3
5 6 7
Как разместить две таблицы рядом ?
Как сделать чтобы 2 таблицы были рядом друг с другом ?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
table style="float: left;"> tr> td style="width: 100px; height: 100px; background: url(../images/ico1.png) no-repeat left"> /td> td> p>Более 10 лет опыта в сфере коммерческого и налогового права/p> /td> /tr> tr> td style="width: 100px; height: 100px; background: url(../images/ico1.png) no-repeat left"> /td> td> p>Мы помогаем Вам найти оптимальное решение для Вашего бизнеса/p> /td> /tr> tr> td style="width: 100px; height: 100px; background: url(../images/ico1.png) no-repeat left"> /td> td> p>Мы оказываем полный комплекс услуг в одном месте/p> /td> /tr> /table> div style="float:left;"> table style="float: left;"> tr> td style="width: 100px; height: 100px; background: url(../images/ico1.png) no-repeat left"> /td> td> p>У нас работают только высококвалифицированные специалисты/p> /td> /tr> tr> td style="width: 100px; height: 100px; background: url(../images/ico1.png) no-repeat left"> /td> td> p>Мы говорим на русском, латышском, английском языках/p> /td> /tr> tr> td style="width: 100px; height: 100px; background: url(../images/ico1.png) no-repeat left"> /td> td> p>Мы соблюдаем строгую конфиденциальность*полученной*информации/p> /td> td style="width: 100px; height: 100px; background: url(../images/ico1.png) no-repeat left"> /td> td> p>Мы даем гарантию результата - 100 %/p> /td> /tr> /table> /div> /div>
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Разместить рядом 6 блоков
Задача следующая. Есть 6 блоков одинакового размера в рх. При полном масштабе это по 3 в два.
Как разместить картинки в две строки на всю ширину экрана
Всем привет! Помогите с форматированием. Как разместить изображения в section#cuisines в два ряда.
Разместить кнопку рядом с текстом
Увеличиваю шрифт текста кнопка тоже увеличивается. Надо обязательно кнопку разместить рядом с.
Как разместить кнопочку поверх таблицы
Таблица наезжает кнопочку при прокрутке. Кроме того, не работает :hover при получении фокуса от.
Регистрация: 11.04.2012
Сообщений: 611
не понятно зачем вторую таблицу засунул в div.
Попробуй
div style="float:left;">/div>
данный блок убрать, и во 2 таблицы убери style=»float: left;».
По сути дела вторая таблица должна встать рядом с 1