ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML: fixed width columns
7 сообщений из 7, страница 1 из 1
HTML: fixed width columns
    #35690175
H.A.M.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
H.A.M.
Участник
Нужна HTML таблица со строго заданными ширинами колонок. Я решил вопрос так:
Код: plaintext
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.
<html><head></head><body>
<style type="text/css">
div.grid { margin: 100px; }
.grid table { background-color: silver; border-width:  0 ; }
.grid th { background-color: aliceblue; text-align: center; font-weight: bolder; }
.grid tr, .grid td { background-color: none; border-width:  0 ; }
.grid input { background-color: none; border-width:  0 ; text-indent: 10px; width:  100 %; }
</style>

<div class="grid">
  <table cellpadding="0" cellspacing="1">
    <colgroup>
      <col width="100px"/>
      <col width="200px"/>
      <col width="50px"/>
    </colgroup>
    <tr>
      <th>Col1</th>
      <th>Col2</th>
      <th>Col3</th>
    </tr>
    <tr>
      <td><input readonly title="val" value="val"/></td>
      <td><input readonly title="val" value="val"/></td>
      <td><input readonly title="val" value="val"/></td>
    </tr>
    <tr>
      <td><input readonly title="Long long long long long long long long val" value="Long long long long long long long long val"/></td>
      <td><input readonly title="val" value="val"/></td>
      <td><input readonly title="Long long long long long long long long val" value="Long long long long long long long long val"/></td>
    </tr>
  </table>
</div>

</body></html>
Мне этот вариант не нравится, т.к. слишком какой-то синтетический, что ли. Да и как ссылку показать в строке? Есть варианты как сделать проще?
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
03.12.2008, 12:05
| Ответить | Цитировать | Написать  
HTML: fixed width columns
    #35690188
H.A.M.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
H.A.M.
Участник
А, блин, совсем забыл: мой вариант еще в IE не работает так как надо, смотрите пример в другом браузере...
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
03.12.2008, 12:08
| Ответить | Цитировать | Написать  
HTML: fixed width columns
    #35690440
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
В твоем варианте количество колонок вовсех строках одинаково... Т.о. ширину можеш задать у самих колонок. Т.е. в первых тегах <td>...
Ибо...
хелп fixed
Значение повышает производительность построения таблиц. Ширина колонок в этом случае определяется либо с помощью тега <COL>, либо вычисляется на основе первой строки. Если данные о форматировании первой строки таблицы по каким-либо причинам получить невозможно, в этом случае таблица делится на колонки равной ширины. При использовании этого параметра содержимое, которое не помещается в ячейку указанной ширины, будет «обрезано» либо наложено поверх ячейки. Это зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
03.12.2008, 13:17
| Ответить | Цитировать | Написать  
HTML: fixed width columns
    #35690481
H.A.M.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
H.A.M.
Участник
хелпЭто зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет.
Вот именно, что получается такая фигатень, как в атаче.
IE режет, а остальные тянут.
Может можно к fixed добавить что-то, чтоб не растягивали?
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
03.12.2008, 13:31
| Ответить | Цитировать | Написать  
HTML: fixed width columns
    #35690483
H.A.M.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
H.A.M.
Участник
Вот такая, сори
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
03.12.2008, 13:32
| Ответить | Цитировать | Написать  
HTML: fixed width columns
    #35690497
H.A.M.
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
H.A.M.
Участник
А блин, как раз докачался справочник цсс. Добавил owerflow: hidden - теперь все ок.
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
03.12.2008, 13:36
| Ответить | Цитировать | Написать  
HTML: fixed width columns
    #35690814
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
H.A.M.Вот такая, сори
Странно что у тебя ячейки не растут по вертикали...
...
Рейтинг: 0 / 0
03.12.2008, 14:48
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML: fixed width columns
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=310&tid=1455487]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 49ms
get topic data:
 12ms
get forum data:
 4ms
get page messages:
 56ms
get tp. blocked users:
 2ms
others: 208ms
total:  367ms
созд. / загр.: 367ms
x
x
Закрыть


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