powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица
11 сообщений из 11, страница 1 из 1
Таблица
    #38296219
rsolanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте, как следующую таблицу изменить таким образом, чтобы длина первой колонки выравнивалась в зависимости от длины текста в ней:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td>col1 row 1</td>
<td>col2 row 1</td></tr>
<tr>
<td>col1 row 2</td>
<td>col2 row 2</td></tr>
<tr>
<td>col1 row 3</td>
<td>col2 row 3</td></tr>
<tr>
<td>col1 row 4</td>
<td>col2 row 4</td></tr>
<tr>
</tr></tbody></table>
...
Рейтинг: 0 / 0
Таблица
    #38296265
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
rsolanovдлина первой колонки выравнивалась в зависимости от длины текста в ней
А какой будет та "длина текста"?
Как должны вести себя остальные колонки?
...
Рейтинг: 0 / 0
Таблица
    #38296271
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Как вариант...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style='width: 1%; white-space: nowrap;'>col1 row 1</td>
<td>col2 row 1</td></tr>
<tr>
<td>col1 row 2</td>
<td>col2 row 2</td></tr>
<tr>
<td>col1 row 3</td>
<td>col2 row 3</td></tr>
<tr>
<td>col1 row 4</td>
<td>col2 row 4</td></tr>
<tr>
</tr></tbody></table>
</body>
</html>
...
Рейтинг: 0 / 0
Таблица
    #38296334
rsolanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa, работает! Подскажите еще пожалуйста, как можно сделать текст первой колонки жирным для всех строк? Огромное Вам спасибо!
...
Рейтинг: 0 / 0
Таблица
    #38296344
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
rsolanovПодскажите еще пожалуйста, как можно сделать текст первой колонки жирным для всех строк?colgroup
...
Рейтинг: 0 / 0
Таблица
    #38296433
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
rsolanovкак можно сделать текст первой колонки жирным для всех строк?
Как вариант...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
td:first-child {
	font-weight: bold;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style='width: 1%; white-space: nowrap;'>col1 row 1</td>
<td>col2 row 1</td></tr>
<tr>
<td>col1 row 2</td>
<td>col2 row 2</td></tr>
<tr>
<td>col1 row 3</td>
<td>col2 row 3</td></tr>
<tr>
<td>col1 row 4</td>
<td>col2 row 4</td></tr>
<tr>
</tr></tbody></table>
</body>
</html>
...
Рейтинг: 0 / 0
Таблица
    #38296553
rsolanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa, работает, огромное спасибо! Все-таки html и javascript надо изучать так же скрупулезно как и sql или C#
...
Рейтинг: 0 / 0
Таблица
    #38296575
rsolanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa, а причем тут все-таки javascript? Так тоже работает:
Код: 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.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
td:first-child {
	font-weight: bold;
}
</style>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style='width: 1%; white-space: nowrap;'>col1 row 1</td>
<td>col2 row 1</td></tr>
<tr>
<td>col1 row 2</td>
<td>col2 row 2</td></tr>
<tr>
<td>col1 row 3</td>
<td>col2 row 3</td></tr>
<tr>
<td>col1 row 4</td>
<td>col2 row 4</td></tr>
<tr>
</tr></tbody></table>
</body>
</html>
...
Рейтинг: 0 / 0
Таблица
    #38297263
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
rsolanovkrvsa, а причем тут все-таки javascript?
Это ты мне скажи...
В моем примере нет никакого javascript...
...
Рейтинг: 0 / 0
Таблица
    #38297340
rsolanov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsarsolanovkrvsa, а причем тут все-таки javascript?
Это ты мне скажи...
В моем примере нет никакого javascript...Вы наверное скопировали этот пример где-то у себя из проекта, поэтому там и были <script type="text/javascript"></script> ?
...
Рейтинг: 0 / 0
Таблица
    #38297378
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
rsolanovтам и были <script type="text/javascript"></script> ?
Это просто пустые теги и не более того...
...
Рейтинг: 0 / 0
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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