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=38372636&tid=1447963]:
 0ms
get settings:
 6ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 167ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 205ms
total:  458ms
созд. / загр.: 458ms
x
x
Закрыть


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