ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица, автоширина столбца
13 сообщений из 13, страница 1 из 1
Таблица, автоширина столбца
    #38372386
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Есть таблица
два столбца
1. для Label
2. поля
сразу перейду на пример. Вопрос в примере.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<center>
<table>
<tr><td>моя метка 1</td><td>мое поле1</td></tr>
<tr><td>моя метка 2 бла бла бла</td><td>мое поле2</td></tr>
<tr><td>моя метка 3 бла</td><td>мое поле3</td></tr>
<tr><td colspan="2"> <b>Если сюда вставить слишком длинный текст, тогда вся таблица станет очень широкой,<br>а столбец, там где метки будет уже ширее чем самоя длинная метка. Как сделать, чтоб столбец имел автоширину по метках ?</b></td></tr>
</table>
</center>
...
Рейтинг: 0 / 0
20.08.2013, 17:53
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372435
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
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.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    tr > td {
      white-space: nowrap;
    }
  </style>
</head>  
<body>
  <table>
    <col width="1"/>
    <tr>
      <td>моя метка 1</td>
      <td>мое поле1</td>
    </tr>
    <tr>
      <td>моя метка 2 бла бла бла</td>
      <td>мое поле2</td>
    </tr>
    <tr>
      <td>моя метка 3 бла</td>
      <td>мое поле3</td>
    </tr>
    <tr>
      <td colspan="2">
        <b>Если сюда вставить слишком длинный текст, тогда вся таблица станет очень широкой,
        <br>а столбец, там где метки будет уже ширее чем самоя длинная метка. Как сделать, чтоб столбец имел автоширину по метках ?</b>
      </td>
    </tr>
  </table>
</body>
</html>
...
Рейтинг: 0 / 0
20.08.2013, 18:28
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372578
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Не совсем у меня получается. Может нужно было с самого начала нарисовать что именно я хочу.

Таблица по умолчанию автоматически расширяется в зависимости от текста который в ней находится и все работает как надо. В первой колонке у меня текст - это Label метки для полей. Ширина колонки (столбца) = по самой длинной "метке". Вторая колонка по такому же принципу работает. Но! Если добавить строку с объединением двух колонок (столбцов), то ширина колонок (столбцов) будет = Ширина таблицы/2 - тоесть 50% от ширины таблицы (если два столбца). А мне нужно чтоб работало как до этого.

Я нашел единственный выход - сделать первую колонку фиксированную и задать ей строгое значение, а второй колонке задать ширину: авто. Но есть недостаток в таком описании. Данные берутся с базы данных, а фиксировать первую колонку не выгодно из-за того что она у нее уже не работает автоподбор ширины по первой колонки :(
...
Рейтинг: 0 / 0
20.08.2013, 22:33
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372623
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Закрываем вопрос!
Я не проверил Ваш вариант в оригинале, а начал переделывать типа в стиль <td style="white-space: nowrap;">..., а правильно будет так как Вы мне посоветовали. Большое СПАСИБО
...
Рейтинг: 0 / 0
21.08.2013, 00:42
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372626
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Например:
Код: html
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.
35.
36.
37.
38.
39.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    table {
      border-collapse: collapse;
      width: 600px;
    }
    
    table td {      
      border: 1px solid Gray;
    }
    
    table td.label {
      white-space: nowrap;
    }
  </style>
</head>  
<body>
  <table>
    <col width="1"/>
    <tr>
      <td class="label">Метка 1</td>
      <td><input type="checkbox"/>мои элементы</td>
    </tr>
    <tr>
      <td class="label">Метка Тра парам</td>
      <td><input type="checkbox"/></td>
    </tr>
    <tr>
      <td class="label">Метка пам парам пампам</td>
      <td><input type="text"/></td>
    </tr>
    <tr>
      <td colspan="2">Объединенные два поля и в нем много текста. Очень много текста. Очень много текста.</td>
    </tr>
  </table>
</body>
</html>
...
Рейтинг: 0 / 0
21.08.2013, 00:46
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372636
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
skyANA: Последний вопрос.
Чтоб это действия не касалось всех таблиц а конкретной. Не получается в style отнести все это к какому-то класу
...
Рейтинг: 0 / 0
21.08.2013, 01:31
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372637
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Попробовал обойтись без div и у меня получилось так:
Код: html
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.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
  <style>
	table.pola {
      	 border-collapse: collapse; 
      	 width: 600px;
    	}
    
    	.pola td {      
    	  border: 1px solid Gray;
    	}
    
    	.pola td.label {
      	white-space: nowrap;
    	}
  </style>
</head>

<body>

<center>
  <table class="pola">
    <col width="1"/>
    <tr>
      <td class="label">Метка 1</td>
      <td><input type="checkbox"/>мои элементы</td>
    </tr>
    <tr>
      <td class="label">Метка Тра парам</td>
      <td><input type="checkbox"/></td>
    </tr>
    <tr>
      <td class="label">Метка пам парам пампам</td>
      <td><input type="text"/></td>
    </tr>
    <tr>
      <td colspan="2">Объединенные два поля и в нем много текста. Очень много текста. Очень много текста.</td>
    </tr>
  </table>

</center>


</body>
</html>



Спасибо за помощь
...
Рейтинг: 0 / 0
21.08.2013, 01:37
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372638
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
.pola td.label даже можно использовать без .pola
...
Рейтинг: 0 / 0
21.08.2013, 01:40
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372640
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
Опера сразу все поняла, а Хрома еще выделывалась. Мне пришлось в CSS вставить:
.pola {white-space: nowrap; width:1}

а <col...> убрал.

Наконец-то, все заработало как надо
...
Рейтинг: 0 / 0
21.08.2013, 01:53
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372755
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
Андрей159,

Какой конечный результат? У меня без <col> не получается.
...
Рейтинг: 0 / 0
21.08.2013, 09:43
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38372770
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Андрей159Опера сразу все поняла, а Хрома еще выделывалась.Странно, мой скриншот с Хрома
...
Рейтинг: 0 / 0
21.08.2013, 09:51
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38377061
Фотография Андрей159
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Андрей159
Участник
GustlyАндрей159,

Какой конечный результат? У меня без <col> не получается.

Работает отлично!
...
Рейтинг: 0 / 0
26.08.2013, 02:48
| Ответить | Цитировать | Написать  
Таблица, автоширина столбца
    #38377696
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
Андрей159GustlyАндрей159,

Какой конечный результат? У меня без <col> не получается.

Работает отлично!
Я имел в виду HTML-код.
...
Рейтинг: 0 / 0
26.08.2013, 17:27
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица, автоширина столбца
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38372626&tid=1447963]:
 0ms
get settings:
 7ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 198ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 65ms
get tp. blocked users:
 2ms
others: 220ms
total:  529ms
созд. / загр.: 529ms
x
x
Закрыть


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