DmitrMakeev commited on
Commit
252604a
1 Parent(s): 5bdfefd

Update data_ras.html

Browse files
Files changed (1) hide show
  1. data_ras.html +50 -48
data_ras.html CHANGED
@@ -5,54 +5,56 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
  <title>Contacts</title>
7
  <style>
8
- body {
9
- font-family: Arial, sans-serif;
10
- text-align: center;
11
- background-color: #f0f0f0;
12
- margin: 0;
13
- padding: 0;
14
- max-height: 250px; /* Устанавливаем максимальную высоту страницы */
15
- }
16
- h1 {
17
- background-color: #4CAF50;
18
- color: white;
19
- padding: 20px;
20
- margin: 0;
21
- border-bottom: 2px solid #388E3C;
22
- }
23
- .scroll-container {
24
- max-height: 400px; /* Устанавливаем максимальную высоту контейнера */
25
- overflow-y: auto; /* Добавляем вертикальную прокрутку */
26
- width: 70%;
27
- margin: 20px auto;
28
- background-color: white;
29
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
30
- }
31
- table {
32
- width: 100%;
33
- border-collapse: collapse;
34
- }
35
- th, td {
36
- border: 1px solid #ddd;
37
- padding: 12px;
38
- text-align: left;
39
- }
40
- th {
41
- background-color: #4CAF50;
42
- color: white;
43
- border-bottom: 2px solid #388E3C;
44
- }
45
- tr:nth-child(even) {
46
- background-color: #f2f2f2;
47
- }
48
- tr:hover {
49
- background-color: #e0e0e0;
50
- }
51
- p {
52
- margin-top: 20px;
53
- font-size: 18px;
54
- color: #333;
55
- }
 
 
56
  </style>
57
  </head>
58
  <body>
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
  <title>Contacts</title>
7
  <style>
8
+ body {
9
+ font-family: Arial, sans-serif;
10
+ text-align: center;
11
+ background-color: #f0f0f0;
12
+ margin: 0;
13
+ padding: 0;
14
+ }
15
+ h1 {
16
+ background-color: #4CAF50;
17
+ color: white;
18
+ padding: 20px;
19
+ margin: 0;
20
+ border-bottom: 2px solid #388E3C;
21
+ }
22
+ .scroll-container {
23
+ max-height: 400px; /* Устанавливаем максимальную высоту контейнера */
24
+ overflow-y: auto; /* Добавляем вертикальную прокрутку */
25
+ width: 70%;
26
+ margin: 20px auto;
27
+ background-color: white;
28
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
29
+ }
30
+ table {
31
+ width: 100%;
32
+ border-collapse: collapse;
33
+ }
34
+ th, td {
35
+ border: 1px solid #ddd;
36
+ padding: 12px;
37
+ text-align: left;
38
+ }
39
+ th {
40
+ background-color: #4CAF50;
41
+ color: white;
42
+ border-bottom: 2px solid #388E3C;
43
+ position: sticky; /* Делаем шапку фиксированной */
44
+ top: 0; /* Фиксируем шапку сверху */
45
+ z-index: 1; /* Устанавливаем z-index для шапки */
46
+ }
47
+ tr:nth-child(even) {
48
+ background-color: #f2f2f2;
49
+ }
50
+ tr:hover {
51
+ background-color: #e0e0e0;
52
+ }
53
+ p {
54
+ margin-top: 20px;
55
+ font-size: 18px;
56
+ color: #333;
57
+ }
58
  </style>
59
  </head>
60
  <body>