Пренасяне на таблици
5 отговора
145 прегледа
Пренасяне на таблици
Здравейте,
имам следния проблем:
имам таблица Т с няколко реда с по една клетка
<table width="100%">
......<tr><td> ... </td></tr>
......<tr><td> ... </td></tr>
......<tr><td> ... </td></tr>
...
</table>
Всяка клетка от Т съдържа по много (20-30) еднакви таблици (tt) с 1 колона и 4 реда (напр.). Таблиците (tt) са подравнени left и се подреждат една след друга от ляво надясно в всяка единична клетка на Т.
Когато таблиците (tt) достигнат края на страницата очаквам да се пренесат на следващия ред вътре в клетката на Т, обаче това не се случва, а се получават ред от таблици, които излизат извън обхвата на страницатам независимо, че съм указал <tablie width="100%">
Има ли някакъв начин да накарам таблиците (tt) да се пренесат когато стигнат 100% width на страницата (без да се вмъква .<.p.> или .<.b.r.> между таблиците, а по-скоро с някакакъв атрибут в class или нещо такова)?
Ще се опитам да илюстрирам за по-ясно. t1, t2 .. са вътрешните таблици с 1 кол и 4 реда:
-----------------
Неправилно:
.....................край
....................... на
................страницата
|.......................|
|<tr>................|
|<td>...............|
| t1 t2 t3 t4 t5 t6 t7 t8 t9
|</td>.............|
|</tr>..............|
----------------------------------
Правилно:
.....................край
......................на
................страницата
|......................|
|<tr>...............|
|<td>..............|
| t1 t2 t3 t4 t5 | (първи ред)
| t6 t7 t8 t9.....| (втори пренесен ред)
|</td>.............|
|</tr>..............|
|......................|
имам следния проблем:
имам таблица Т с няколко реда с по една клетка
<table width="100%">
......<tr><td> ... </td></tr>
......<tr><td> ... </td></tr>
......<tr><td> ... </td></tr>
...
</table>
Всяка клетка от Т съдържа по много (20-30) еднакви таблици (tt) с 1 колона и 4 реда (напр.). Таблиците (tt) са подравнени left и се подреждат една след друга от ляво надясно в всяка единична клетка на Т.
Когато таблиците (tt) достигнат края на страницата очаквам да се пренесат на следващия ред вътре в клетката на Т, обаче това не се случва, а се получават ред от таблици, които излизат извън обхвата на страницатам независимо, че съм указал <tablie width="100%">
Има ли някакъв начин да накарам таблиците (tt) да се пренесат когато стигнат 100% width на страницата (без да се вмъква .<.p.> или .<.b.r.> между таблиците, а по-скоро с някакакъв атрибут в class или нещо такова)?
Ще се опитам да илюстрирам за по-ясно. t1, t2 .. са вътрешните таблици с 1 кол и 4 реда:
-----------------
Неправилно:
.....................край
....................... на
................страницата
|.......................|
|<tr>................|
|<td>...............|
| t1 t2 t3 t4 t5 t6 t7 t8 t9
|</td>.............|
|</tr>..............|
----------------------------------
Правилно:
.....................край
......................на
................страницата
|......................|
|<tr>...............|
|<td>..............|
| t1 t2 t3 t4 t5 | (първи ред)
| t6 t7 t8 t9.....| (втори пренесен ред)
|</td>.............|
|</tr>..............|
|......................|
в отговор на БaбaИлиицa
#3
Re: Пренасяне на таблици
Всъщност може. С CSS позициониране. Могат дори да се показват в обратен ред на този, по който са в кода на страницата.
DO LESS. LIVE LONGER.
DO LESS. LIVE LONGER.
Re: Пренасяне на таблици
Е да- така може... но от друга страна- може ли да се напише CSS, който да подрежда таблиците една до друга така, че като свърши мястото на реда- да продължи на долния ред? А дори и да може- то ще е CSS2... по скоро ще се намери друго решение, което ще работи в повече браузъри. Например <SPAN> се подреждат един до друг и могат да се офрматират така, че да приличат на таблици!
БАба...
БАба...
в отговор на БaбaИлиицa
#5
Re: Пренасяне на таблици
[линк]
което казано по-просто означава, че на таблиците, които трябва да се пренасят се привсвоява един и същ клас
<table class="class1"></table>
<table class="class1"></table>
<table class="class1"></table>
който клас се състои от следното правило
<style type="text/css">
<!--
.class1 { float: left; }
-->
</style>
DO LESS. LIVE LONGER.
което казано по-просто означава, че на таблиците, които трябва да се пренасят се привсвоява един и същ клас
<table class="class1"></table>
<table class="class1"></table>
<table class="class1"></table>
който клас се състои от следното правило
<style type="text/css">
<!--
.class1 { float: left; }
-->
</style>
DO LESS. LIVE LONGER.