Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML: fixed width columns / 7 сообщений из 7, страница 1 из 1
03.12.2008, 12:05
    #35690175
H.A.M.
H.A.M.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: fixed width columns
Нужна 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:08
    #35690188
H.A.M.
H.A.M.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: fixed width columns
А, блин, совсем забыл: мой вариант еще в IE не работает так как надо, смотрите пример в другом браузере...
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.12.2008, 13:17
    #35690440
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: fixed width columns
В твоем варианте количество колонок вовсех строках одинаково... Т.о. ширину можеш задать у самих колонок. Т.е. в первых тегах <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:31
    #35690481
H.A.M.
H.A.M.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: fixed width columns
хелпЭто зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет.
Вот именно, что получается такая фигатень, как в атаче.
IE режет, а остальные тянут.
Может можно к fixed добавить что-то, чтоб не растягивали?
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.12.2008, 13:32
    #35690483
H.A.M.
H.A.M.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: fixed width columns
Вот такая, сори
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.12.2008, 13:36
    #35690497
H.A.M.
H.A.M.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: fixed width columns
А блин, как раз докачался справочник цсс. Добавил owerflow: hidden - теперь все ок.
--------------------
We are there
--------------------
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.12.2008, 14:48
    #35690814
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: fixed width columns
H.A.M.Вот такая, сори
Странно что у тебя ячейки не растут по вертикали...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML: fixed width columns / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 301ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455487]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 50ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 201ms
total:  301ms
x
x
Закрыть


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