<style type="text/css">
*{margin:0; padding:0;}
</style>
Левый угол таблицы.
Как вывести HTML таблицу начиная с верхнего левого угла? (т.е. чтобы левый угол этой таблицы имел координаты 0,0).
еще можно типа такого попробовать:
<TABLE style="position: absolute; left: 0; right: 0; top: 0;">
Код:
Другой вопрос теперь. У мены таблица не умещается в окно браузера. Она и НЕ должна умещаться. Но таблицу по всякому сжимает, плющит и коробит, дабы вместить в рамки.
Как-ниубдь можно отключить такую фичу? (ну, скролбары появятся, например)
Здесь нужно код смотреть, так как не совсем понятно как именно она у вас не умещаеться. Если горизонтально - то не совсем гуд, если конечно это не предусмотренно дизайном, или что-то в этом роде )
http://forum.codenet.ru/showthread.php?t=46853).
Требуется обратное - чтобы таблица не горизонтально, ни вертикально не умещалась в окно - для того, чтобы текстовую информацию можно было легче воспринять.
Может ли HTML помочь мне в этом, или надо искать решение в той среде разработки, в которой и осуществляется непосредственное программирование?
Эм, по факту - я не для сайта таблицу делаю. Я использую возможности HTML по построению таблиц в своей программе (
Требуется обратное - чтобы таблица не горизонтально, ни вертикально не умещалась в окно - для того, чтобы текстовую информацию можно было легче воспринять.
Может ли HTML помочь мне в этом, или надо искать решение в той среде разработки, в которой и осуществляется непосредственное программирование?
Ну я так и предполагал ) Попробуйте задать фиксированный размер для таблицы - width:2000px например
Простите за нубизм, но я чуток не понял. Мне где задать ширину таблицы: в HTML коде (тогда в какие тэги это хозяйство надо заключить?), или в самой программе?)
Код:
<html>
<head>
</head>
<body>
<style type="text/css">
.bigTable{
width:2000px;
}
</style>
<table class="bigTable">
<tr>
<td>
текст
<td>
<tr>
</table>
</body>
</html>
<head>
</head>
<body>
<style type="text/css">
.bigTable{
width:2000px;
}
</style>
<table class="bigTable">
<tr>
<td>
текст
<td>
<tr>
</table>
</body>
</html>
Сапасибо большое за помощь, то что надо :)
HTML код генерируется, но не так, как мне бы хотелось. Смутно осознаю, что все дело в colspawn.
Что надо - сделать таблицу таким образом, чтобы была "шапка" (можно увидеть в таблице), и много мелких столбцов, по два на каждый заголовк "шапки."
Как видно из кода - половина "мелких" столбцов имеет такой же размер, как и заголовок шапки, а вторая половина ютится справа.
Я даже не знаю, что делать)
Вот где лежит исходник
:http://sources.codenet.ru/download/1968/1_txt.html
Простите, что в .txt, но в формате .html что-то не закачивалось
Потому приведу отрывок кода:
Код:
<html>
<body>
<style type='text/css'>
*{margin:0; padding:0;}
.bigTable{width:1600px;}
</style>
<table class='bigTable' border='1' bordercolor='#000000'>
<tr>
<td height='35' width = '200' colspan = '1' bgcolor = '#00FFFF'> <center>ИМ</center> </td>
<td height='35' width = '400' colspan = '2' bgcolor = '#00FFFF'> <center>МИ</center> </td>
<td height='35' width = '400' colspan = '2' bgcolor = '#00FFFF'> <center>МФ</center> </td>
<td height='35' width = '200' colspan = '1' bgcolor = '#00FFFF'> <center>ТИП</center> </td>
<td height='35' width = '400' colspan = '2' bgcolor = '#00FFFF'> <center>ФИ</center> </td>
</tr>
<tr>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ИМ-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МИ-12(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МИ-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МФ-12(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МФ-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ТИП-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ФИ-12(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ФИ-11(1)</center> </td>
</tr>
<tr>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
</tr>
</table>
</body>
</html>
<body>
<style type='text/css'>
*{margin:0; padding:0;}
.bigTable{width:1600px;}
</style>
<table class='bigTable' border='1' bordercolor='#000000'>
<tr>
<td height='35' width = '200' colspan = '1' bgcolor = '#00FFFF'> <center>ИМ</center> </td>
<td height='35' width = '400' colspan = '2' bgcolor = '#00FFFF'> <center>МИ</center> </td>
<td height='35' width = '400' colspan = '2' bgcolor = '#00FFFF'> <center>МФ</center> </td>
<td height='35' width = '200' colspan = '1' bgcolor = '#00FFFF'> <center>ТИП</center> </td>
<td height='35' width = '400' colspan = '2' bgcolor = '#00FFFF'> <center>ФИ</center> </td>
</tr>
<tr>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ИМ-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МИ-12(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МИ-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МФ-12(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>МФ-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ТИП-11(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ФИ-12(1)</center> </td>
<td height='35' width = '200' bgcolor = '#00FFFF'> <center>ФИ-11(1)</center> </td>
</tr>
<tr>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
<td height='100' width = '100' bgcolor = '#00FFFF'> <center>0 0</center> <center>0</center> <center></center> <center>0 0</center> <center>0</center> </td>
</tr>
</table>
</body>
</html>
В принципе, в оригинале тоже самое, только строк куда больше.
P.S.
Мне бы хоть какую-нибудь наводку на тему почему этот код так работает
P.P.S.
Сделал.