ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица с раздвигающимися столбцами
12 сообщений из 12, страница 1 из 1
Таблица с раздвигающимися столбцами
    #38334022
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
Здравствуйте, таблицу создал:
Код: 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.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
 
<!DOCTYPE html>
<!--html5-->

<html>
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<title>Таблица</title>

<style>
    table {
    width: 100%; /* Ширина таблицы */
	height: 100%; /* Высота таблицы */
    background: white; /* Цвет фона таблицы */
    color: white; /* Цвет текста */
    border-spacing: 1px; /* Расстояние между ячейками */
   }
   td, th {
    background: #800000; /* Цвет фона ячеек, #800000 - maroon*/
    padding: 5px; /* Поля вокруг текста */
   }
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#tr2 {
	width: 100%; /* Ширина строки таблицы в процентах*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#th1, #th2, #th3, #th4, #th5 {
	width: 20%; /* Ширина строки таблицы в процентах*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td2 {
	width: 1px; /* Ширина столбца таблицы в пикселях*/
	}
</style>

</head> 

<body>

  <table>
   <tr id='tr1'>
<!--допускается вместо тега <td> использовать тег <th>
текст в ячейке, оформленной с помощью тега <th>
отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки-->
   <th id='th1'>УК РФ</th>
   <th id='th2'>УПК РФ</th>
   <th id='th3'>УИК РФ</th>
   <th id='th4'>КоАП РФ</th>
   <th id='th5'>ПДД</th>
   </tr>
   
   <tr id='tr2'>
   <td id='td1'>Ячейка 1</td>
   <td id='td2'></td>
   <td id='td3'>Ячейка 2</td>
   </tr>
</table>
  
</body>
</html>


Для начала, почему
1
height: 100%; /* Высота таблицы */ - не слушается???? и как чтобы первая строка имела высоту например 20 пикселей, остальную высоту таблицы вторая строка
2
#tr2 {
width: 100%; /* Ширина строки таблицы в процентах*/ - не слушается????
3
#td2 {
width: 1px; /* Ширина столбца таблицы в пикселях*/ - не слушается????

Затем как сделать, чтобы
4
наведя курсор мыши на столбец между Ячейка 1 и Ячейка 2 курсор поменялся на такой, который принимает вид в случае возможности раздвигания столбцов таблицы
5
как сделать это раздвигание столбцов таблицы?
Спасибо
...
Рейтинг: 0 / 0
17.07.2013, 13:12
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38334213
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
катастрофатаблицу создал
Корявая какая-то таблица... Даже количество колонок не совпадает...

катастрофапочему:
- height: 100%; /* Высота таблицы */ - не слушается????
- и как чтобы первая строка имела высоту например 20 пикселей, остальную высоту таблицы вторая строка 2
- width: 100%; /* Ширина строки таблицы в процентах*/ - не слушается?
- width: 1px; /* Ширина столбца таблицы в пикселях*/ - не слушается?

Потому как делать не умеешь...
Как вариант...

Код: 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.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
<!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">
* {
	margin: 0;
	padding: 0;
}
html,
body {
    width: 100%; 
	height: 100%;
}
table {
    width: 100%; 
	height: 100%;
    color: white;
    border-spacing: 0;
	border: 1px solid;
	border-collapce: collapce;
}
td, th {
    background: #800000;
    padding: 5px;
	border: 1px solid;
}
#tr1 {
	height: 20px;
}
#th2 {
    width: 1px; 
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table>
	<thead>
		<tr id='tr1'>
			<th id='th1'>УК РФ</th>
			<th id='th2'></th>
			<th id='th3'>УИК РФ</th>
			<th id='th4'>КоАП РФ</th>
			<th id='th5'>ПДД</th>
		</tr>
	</thead>
	<tbody>
		<tr id='tr2'>
			<td id='td1'>Ячейка 1</td>
			<td id='td2'></td>
			<td id='td3'>Ячейка 3</td>
			<td id='td3'>Ячейка 4</td>
			<td id='td3'>Ячейка 5</td>
		</tr>
	<tbody>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
17.07.2013, 14:51
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38334216
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
катастрофаЗатем как сделать, чтобы
4
наведя курсор мыши на столбец между Ячейка 1 и Ячейка 2 курсор поменялся на такой, который принимает вид в случае возможности раздвигания столбцов таблицы
5
как сделать это раздвигание столбцов таблицы?
Спасибо
За "спасибо" не получится... Готовь деньгу.
...
Рейтинг: 0 / 0
17.07.2013, 14:52
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38334343
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsaЗа "спасибо" не получится... Готовь деньгу.
У меня уже готовый примерчик лежит в интернете, но не "за деньгу", ни "за так" не отдам. Не хочу потом азбуку преподавать и объяснять, как куда-то что-то прикручивать.
Здесь такое дело: не нашёл готового решения с мануалом, не умеешь сделать сам - иди лесом учиться.
...
Рейтинг: 0 / 0
17.07.2013, 15:58
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38334457
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ShSergeне умеешь сделать сам - иди лесом учиться.
Тогда пусть начинает изучать...
http://javascript.ru/ui/draganddrop
...
Рейтинг: 0 / 0
17.07.2013, 16:55
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38334838
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
вообще тег TreeView существует?, а то херь какая-то после того как гуглишь, например HTML TreeView Generator, типа мне слабо сгенирировать?

всё сделал:

Код: 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.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
<!DOCTYPE html>
<!--html5-->

<html>
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<title>Таблица</title>

<style>
    html,
    body {
    width: 100%; 
	height: 100%;
}
    table {
    width: 100%; /*ширина таблицы*/
	background: white; /*цвет фона таблицы*/
    color: #ffffff; /*цвет текста, #ffffff - белый , #000000 - чёрный*/
    border-spacing: 1px; /*расстояние между ячейками*/
   }
   td {
    background: #800000; /*цвет фона ячеек, #800000 - maroon*/
    padding: 5px; /*поля вокруг текста*/
   }
   th {
    background: #FFDD00; /*цвет фона ячеек*/
    padding: 5px; /*поля вокруг текста*/
   }
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#tr1, #tr2 {
	width: 100%; /*ширина строки таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#tr1 {
	height: 20px;  /*высота таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#th11, #th12, #th13, #th14, #th15, #th16 {
	width: 16.6%; /*ширина строки таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td21 {
	width: 24.95%; /*ширина столбца таблицы*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td22 {
	width: 0.1%; /*ширина столбца таблицы*/
	background: #000000; /*цвет фона ячеек, #ffffff - белый , #000000 - чёрный*/
	}
/*селектор идентификатора, "id", несколько селекторов идентификатора разделяются запятыми*/ 
	#td23 {
	width: 74.95%; /*ширина столбца таблицы*/
	}
</style>

</head> 

<body>

<table>
   <tr id='tr1'>
<!--допускается вместо тега <td> использовать тег <th>
текст в ячейке, оформленной с помощью тега <th>
отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки-->
   <th id='th11'>УК РФ</th>
   <th id='th12'>УПК РФ</th>
   <th id='th13'>УИК РФ</th>
   <th id='th14'>КоАП РФ</th>
   <th id='th15'>ПДД</th>
   <th id='th16'>ДНСД РФ</th>
   </tr>
</table>
   
<table>
   <tr id='tr2'>
   <td id='td21'>Ячейка 1</td>
   <td id='td22'></td>
   <td id='td23'>Ячейка 2</td>
   </tr>
</table>
  
</body>
</html>


чтобы не париться сделал две таблицы, если кто поправит как при таких же столбцах и таких соотношениях объединить в одну буду благодарен
Драг энд дроп... там точно есть:
наведя курсор мыши на столбец между Ячейка 1 и Ячейка 2 курсор поменялся на такой, который принимает вид в случае возможности раздвигания столбцов таблицы??????
За "спасибо" не получится... Готовь деньгу.
Сколько? А Волжский он в Челябинской области? :)
...
Рейтинг: 0 / 0
17.07.2013, 21:56
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38334843
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
катастрофа...А Волжский он в Челябинской области? :)
Имхо, через речку от Сталинграда. :)
...
Рейтинг: 0 / 0
17.07.2013, 22:09
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38335033
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
катастрофаСколько?
Предлагай...
Поскольку ТЗ точного у тебя нет, может хоть сумма твоя меня заинтересует...

ShSergeчерез речку от Сталинграда. :)
Именно так.
...
Рейтинг: 0 / 0
18.07.2013, 08:25
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38337537
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
krvsa,
>Поскольку ТЗ точного у тебя нет
конечно, чтобы его создать надо два дня его оттачивать и в конце получить ответ, что это в принципе не возможно, что это мои хотелки...
что касается цены - 555
...
Рейтинг: 0 / 0
19.07.2013, 20:48
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38338005
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
катастрофачто касается цены - 555
Не заинтересовал...
Это 1кг кпченой колбасы. За еду я не работаю...
...
Рейтинг: 0 / 0
20.07.2013, 23:13
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38338536
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
катастрофа
Участник
krvsa, кпченная душоночка, ну накинем на колбасу - 1555
...
Рейтинг: 0 / 0
22.07.2013, 03:11
| Ответить | Цитировать | Написать  
Таблица с раздвигающимися столбцами
    #38338563
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
катастрофану накинем на колбасу - 1555
Повторюсь...
krvsaЗа еду я не работаю...
...
Рейтинг: 0 / 0
22.07.2013, 08:29
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица с раздвигающимися столбцами
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38334216&tid=1448095]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 157ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 53ms
get tp. blocked users:
 1ms
others: 209ms
total:  459ms
созд. / загр.: 459ms
x
x
Закрыть


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