Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица / 11 сообщений из 11, страница 1 из 1
13.06.2013, 14:05
    #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
13.06.2013, 14:28
    #38296265
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица
rsolanovдлина первой колонки выравнивалась в зависимости от длины текста в ней
А какой будет та "длина текста"?
Как должны вести себя остальные колонки?
...
Рейтинг: 0 / 0
13.06.2013, 14:31
    #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
13.06.2013, 15:04
    #38296334
rsolanov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица
krvsa, работает! Подскажите еще пожалуйста, как можно сделать текст первой колонки жирным для всех строк? Огромное Вам спасибо!
...
Рейтинг: 0 / 0
13.06.2013, 15:09
    #38296344
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица
rsolanovПодскажите еще пожалуйста, как можно сделать текст первой колонки жирным для всех строк?colgroup
...
Рейтинг: 0 / 0
13.06.2013, 15:58
    #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
13.06.2013, 16:54
    #38296553
rsolanov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица
krvsa, работает, огромное спасибо! Все-таки html и javascript надо изучать так же скрупулезно как и sql или C#
...
Рейтинг: 0 / 0
13.06.2013, 17:07
    #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
14.06.2013, 07:59
    #38297263
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица
rsolanovkrvsa, а причем тут все-таки javascript?
Это ты мне скажи...
В моем примере нет никакого javascript...
...
Рейтинг: 0 / 0
14.06.2013, 09:25
    #38297340
rsolanov
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица
krvsarsolanovkrvsa, а причем тут все-таки javascript?
Это ты мне скажи...
В моем примере нет никакого javascript...Вы наверное скопировали этот пример где-то у себя из проекта, поэтому там и были <script type="text/javascript"></script> ?
...
Рейтинг: 0 / 0
14.06.2013, 09:57
    #38297378
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица
rsolanovтам и были <script type="text/javascript"></script> ?
Это просто пустые теги и не более того...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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