Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Размещение таблиц на листе / 9 сообщений из 9, страница 1 из 1
16.05.2014, 09:38
    #38643082
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
Здраствуйте! Возникла такая проблема. Есть 2 таблицы для примера(на самом деле они рисуются циклом и их больше 2-х).
http://jsfiddle.net/zfkSA/11/
Нужно расположить их не друг под другом, а рядом. Но есть одно но. Их нельзя запихнуть в два дива, и нельзя их засунуть в еще одну таблицу. Есть какие еще варианты? JS, JQuery не важно.
...
Рейтинг: 0 / 0
16.05.2014, 10:39
    #38643143
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
а вы не пробывали присвоить самим таблицам классы css или id и в CSS display-table попользовать??
...
Рейтинг: 0 / 0
16.05.2014, 10:48
    #38643165
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
Areostar, пробовал так : http://jsfiddle.net/zfkSA/12/
Но из-за того что таблици в цикле создаются, то они накладываются http://jsfiddle.net/zfkSA/13/
...
Рейтинг: 0 / 0
16.05.2014, 11:01
    #38643187
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
http://jsfiddle.net/zfkSA/14/
попробовал такой стиль, но ИЕ не определяет его style="display:inline-table"
...
Рейтинг: 0 / 0
16.05.2014, 11:17
    #38643203
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
Denis1991Нужно расположить их не друг под другом, а рядом.
"рядом" это как?
...
Рейтинг: 0 / 0
16.05.2014, 11:18
    #38643205
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
Denis1991Нужно расположить их не друг под другом, а рядом.
Так челе?

Код: html
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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
table {
	float: left;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<table id="t1" border="1">
    <tr>
        <td>col1<br>(info)</td>
        <td>col2</td>
        <td>col3</td>
        <td>col4</td>
    </tr>
</table>
<table id="t2" border="1">        
    <tr>
        <td>col1</td>
        <td>col2</td>
        <td>col3</td>
        <td>col4</td>
    </tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
16.05.2014, 11:49
    #38643248
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
krvsa, да спасибо! Именно так.
...
Рейтинг: 0 / 0
16.05.2014, 12:16
    #38643285
Denis1991
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
krvsa, http://jsfiddle.net/zfkSA/16/
Между таблицам с ИД "т1" и "т3" появился пропуск. Можно как-то его убрать. Я вывожу на печать эти таблицы через браузер. И так как таблиц около 210-400, то эти пропуски ломают всю структуру
...
Рейтинг: 0 / 0
16.05.2014, 16:49
    #38643742
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Размещение таблиц на листе
Denis1991krvsa, http://jsfiddle.net/zfkSA/16/
Между таблицам с ИД "т1" и "т3" появился пропуск. Можно как-то его убрать.
Нет.
Именно так ведут себя плавающие элементы согласно спецификации...

Если тебе нужно заполнять "дырки" - придется как-то самому комбинировать/расставлять таблички...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Размещение таблиц на листе / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]