К списку форумов К списку вопросов
Как сделать резиновое количество таблиц
ua6ap
07.03.2004 - 22:26
Подскажите пож., как расположить большое количество одинаковых таблиц с равномерным заполнением окна браузера внезависимости от экранного разрешения.
Я расположил таблицы по горизонтали <align="left">, но они все прилипают друг к другу не поворачивая на сл. ряд, раздвигая горизонтальную полосу прокрутки.
Спасибо.
Un
1 - 08.03.2004 - 00:41
После каждого тега </table> поставь <br>
ua6ap
2 - 08.03.2004 - 00:57
<br> сдвигает каждую следующую таблицу вниз на 10..15рх и таблицы располагаются ступенькой, но не поворачивют на сл. ряд.
Уверенный
3 - 08.03.2004 - 01:10
http://dda.perlmonk.org/files/t1.html
Так что-ли?
ua6ap
4 - 08.03.2004 - 11:38
to Уверенный: Снимаю шляпу! Это то, что надо. А я два дня мучался...
джан
5 - 04.04.2004 - 11:36
2Уверенный
Хотел применить твою http://dda.perlmonk.org/files/t1.html, но не могу расположить все таблицы внутри окна браузера. Ни какие способы не помогают, таблицы прибиваются к правому краю.
джан
6 - 04.04.2004 - 11:41
Пардон, глюканул - не дописал ..."не могу расположить по центру (отцентровать)все таблицы внутри окна браузера"...
buster
7 - 04.04.2004 - 15:29
Даже align=center не помогает?? :о))
джан
8 - 04.04.2004 - 16:19
Ничего не помогает:((
Auximen
9 - 04.04.2004 - 16:53
не хватает ума таблицы запихнуть в ещё одну таблицу? совсем туго? просыпайтесь, апрель месяц
-
<table style="width: 100%; text-align: center;">
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
<tr>
<td style="text-align: center;"><table>...</table></td>
</tr>
</table>
джан
10 - 04.04.2004 - 17:36
Auximen, такой длинный пост... Ты не спеши с выводами посмотри внимательно сюда: http://dda.perlmonk.org/files/t1.html Слабо сделать внутренние таблицы центрованные?
Auximen
11 - 04.04.2004 - 17:59
объясни подробнее, что значит "центрованные", на пальцах, плиз
Уверенный
12 - 04.04.2004 - 18:07
Если меняешь ширину окна, то часть таблиц смещается вниз и "выезжает" слева, а он хочет , стобы неполная строка из таблиц центрировалась. Я не знаю, как это сделать.
джан
13 - 04.04.2004 - 18:11
Объясняю: каждая таблица должна размещаться в центре по горизонтали, т.е. если таблиц всего три, они должны размещаться в центре кадра. Если в последнем ряду осталась одна таблица, она должна быть размещена в центре ряда, а не прилипать к правому краю.
джан
14 - 04.04.2004 - 18:12
Блин, опять описАлся: читать "прилипать к левому краю"
DIVЕR
15 - 04.04.2004 - 20:38
Первое, что приходит в голову, - попробуй сделать каждой таблице стиль display: inline или поместить каждую таблицу в div с таким стилем...
Mips
16 - 05.04.2004 - 10:37
не совсем то, но всё же...
<style type="text/css">
table {border:1px solid black;}
 #t1{
   float: left;
   margin: 1%;
   width: 18%;
 }
</style>
джан
17 - 07.04.2004 - 11:49
Уважаемые Гуру! Неужели нет вариантов разместить таблицы в центре по горизонтали? Наука бессильна?
Уверенный
18 - 07.04.2004 - 12:21
Используя float - видимо, нет. Хотя, сходи на www.experts-exchange.com и задай вопрос там (с примером). Может, кто-нибудь знает. Не все же гуру тут сидят.
Уверенный
19 - 07.04.2004 - 16:19
Кстати, если разместишь там вопрос - кинь ссылку. Если не разместишь - скажи, я размещу.
Auximen
20 - 07.04.2004 - 17:15
Я могу разместить, используя DHTML (если нет иных способов). Но это будет стоит возни и, соответственно, денег, при этом работать будет гарантированно только в IE 6 и Opera 7.5. А вообще, так не делается, не надо из танка делать самолёт, твоя проблема, джан, в том, что ты заклинился на одной задаче, причём, на одном способе её реализации, и уже которую неделю пытаешься выяснить: "КАК", в то время, как уже давно можно было успеть изменить задачу, изменить условие, изменить подход и найти решение, в тот же день.
Mips
21 - 07.04.2004 - 19:14
#20, ну вот и реши не меняя условий задачи. Любым известным способом. Пусть даже в ИЕ :)
Все условия - это чтобы при изменении размеров окна изменялось кол-во таблиц в строке и чтобы эти таблицы были по центру. Всё.
И не надо тут про деньги говорить. Просят же не сайт ведь написать и не отдельное приложение, а всего лишь помочь отформатировать текст. То, что такая задача займёт у тебя уйму времени - это твоя проблема. У новичка центрирование простого текста займёт кучу времени, пока он не перелопатит мануал. Цена - максимум пиво, но так как пиво ты не пьёшь - сок :)
Auximen
22 - 07.04.2004 - 19:42
это проблемы новичка, извиняй, нет
DIVЕR
23 - 08.04.2004 - 00:58
О Боже! Ну я же написал что попробовать! Разве никто не заинтересовался? =)
 
Вот, готовое, надеюсь, хоть "направление мысли" правильное задаст:
 
<style type="text/css">
table {
  display: inline; width: 100px; height: 100px; margin: 4px;
  border: 1px solid black;
    }
body {
  text-align: center;
    }
</style>
<table>
<tr>
  <td>1
</table>
<table>
<tr>
  <td>1
</table>
<table>
<tr>
  <td>1
</table>
<table>
<tr>
  <td>1
</table>
<table>
<tr>
  <td>1
</table>
<table>
<tr>
  <td>1
</table>
<table>
<tr>
  <td>1
</table>
Mips
24 - 08.04.2004 - 10:33
Auximen, и за #23 ты бы взял деньги? А совесть потом тебя бы не замучала? ;)
DIVЕR, ай маладэц ;) Не перевелись ещё...
Auximen
25 - 08.04.2004 - 10:51
Цитата (20): "Я могу разместить, используя _DHTML (если нет иных способов)_". Если хочет, я могу сделать через DHTML, не хочет, не надо. Совести у меня нет, думаю, тема закрыта? Разрешите откланятся, уважаемый товарисчь Мипс, мистер щедрость и совесть.
Уверенный
26 - 08.04.2004 - 11:23
Нееееее. Не закрыта :)
Интересно же, найдет джан решение или нет.
SIEMENS
27 - 08.04.2004 - 11:26
23 - а теперь надо сделать, чтобы они не блымали жутко при растяжениях/сжатиях.
джан
28 - 08.04.2004 - 12:12
DIVЕR, класс! Спасибо!
2SIEMENS: Блымает - не блымает, подрихтуем. Главное - способ найден.
фил
29 - 08.04.2004 - 17:32
У кого Opera, код из поста 23 работает? У меня в версии 6.05 почему-то таблички выстраивает вертикально слева.
DIVЕR
30 - 08.04.2004 - 17:36
Я пользуюсь Оперой. Только когда ею нельзя воспользоваться (например, WinUpdate), пользуюсь ИЕ.
Соответственно перед 23 постом проверил сначала в Опере своей любимой, а потом и в ИЕ. Оба показали нормально. Опера у меня 7.23 и 7.50. ИЕ 6. Хотя, надо было ещё в Мозилле посмотреть...
фил
31 - 08.04.2004 - 17:37
Запустил для проверки версию 7, все нормально. Значит 6.05 кривая.
фил
32 - 08.04.2004 - 17:38
В древнем NN 4.7 вообще фигня.
Уверенный
33 - 08.04.2004 - 17:49
в мозилле таблички немногим больше цифры "Один" по размеру :(
Triton5
34 - 10.04.2004 - 09:27
Это возможно сделать на dhtml. И совершенно согласен, хороший код стоит денег, хотя бы в качестве компенсации за потраченное время.
С другой стороны, если вопрошающего не заломает немножко переделать готовые решения, то все будут только рады за него :-)
Советую посетить сайт http://dhtmlcentral.com
Не забудь потом показать что наваял :о)
ua6ap
35 - 13.04.2004 - 21:49
Привет всем!
Я тут вопрос задавал по по MySQL, и доглядел - тема, которую я поднимал поповоду "резиновых таблиц" разрослась:-).
Меня тоже в начале интересовал вопрос расположения таблиц по центру, однако сам не осилил, но нашел компромисс: Взяв 24 таблицы на страницу, отрегулировал отступ так, что при разрешении 800х600 на экране 6х4 таблиц, а при разрешении 1024х768 - 8х3 таблиц.
Сейчас, посмотрев пост 23, попробовал. В чистом виде код работает нормально, однако стоит поместить его внутри <table> или <div>, все таблички выстраиваются по вертикали друг за дружкой.
To Уверенный: Выражаю большое спасибо за код, он работает на моем сайте, именно http://ric.cqham.ru/show.php?s=alpha
DIVЕR
36 - 13.04.2004 - 22:37
=)
Так надо же адаптировать этот стиль под конкретную страницу! Понятное дело, таблицы внутри такой же таблицы будут в одну шеренгу :-)
 
Надо для таблиц, которые надо по центру выравнивать, определить свой отдельный класс типа .center; или же сделать это всё "каскадно", например:
 
td.centered {
  text-align: center;
}
td.centered table {
  display: inline; width: 100px; height: 100px; margin: 4px;
  border: 1px solid black;
}
 
и использовать так:
<table>
<tr>
<td class="centered">
 <table>
 <tr>
   <td>1
 </table>
 <table>
 <tr>
   <td>1
 </table>
</td>
 
вот внутренние таблицы будут по центру

К списку вопросов на форуме Веб-дизайн

>>