Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица, автоширина столбца / 13 сообщений из 13, страница 1 из 1
20.08.2013, 17:53
    #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, 18:28
    #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, 22:33
    #38372578
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица, автоширина столбца
Не совсем у меня получается. Может нужно было с самого начала нарисовать что именно я хочу.

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

Я нашел единственный выход - сделать первую колонку фиксированную и задать ей строгое значение, а второй колонке задать ширину: авто. Но есть недостаток в таком описании. Данные берутся с базы данных, а фиксировать первую колонку не выгодно из-за того что она у нее уже не работает автоподбор ширины по первой колонки :(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.08.2013, 00:42
    #38372623
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица, автоширина столбца
Закрываем вопрос!
Я не проверил Ваш вариант в оригинале, а начал переделывать типа в стиль <td style="white-space: nowrap;">..., а правильно будет так как Вы мне посоветовали. Большое СПАСИБО
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.08.2013, 00:46
    #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, 01:31
    #38372636
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица, автоширина столбца
skyANA: Последний вопрос.
Чтоб это действия не касалось всех таблиц а конкретной. Не получается в style отнести все это к какому-то класу
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.08.2013, 01:37
    #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:40
    #38372638
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица, автоширина столбца
.pola td.label даже можно использовать без .pola
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.08.2013, 01:53
    #38372640
Андрей159
Андрей159
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица, автоширина столбца
Опера сразу все поняла, а Хрома еще выделывалась. Мне пришлось в CSS вставить:
.pola {white-space: nowrap; width:1}

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

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

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

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

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

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

Работает отлично!
Я имел в виду HTML-код.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица, автоширина столбца / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 445ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447963]:
 0ms
get settings:
 8ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 159ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 25ms
get tp. blocked users:
 1ms
others: 230ms
total:  445ms
x
x
Закрыть


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