psy_vk

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 17, 2024

Commit

252604a

verified ·

1 Parent(s): 5bdfefd

Update data_ras.html

Browse files

Files changed (1) hide show

data_ras.html +50 -48

data_ras.html CHANGED Viewed

@@ -5,54 +5,56 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Contacts</title>
     <style>
-      body {
-        font-family: Arial, sans-serif;
-        text-align: center;
-        background-color: #f0f0f0;
-        margin: 0;
-        padding: 0;
-        max-height: 250px; /* Устанавливаем максимальную высоту страницы */
-      }
-      h1 {
-        background-color: #4CAF50;
-        color: white;
-        padding: 20px;
-        margin: 0;
-        border-bottom: 2px solid #388E3C;
-      }
-      .scroll-container {
-        max-height: 400px; /* Устанавливаем максимальную высоту контейнера */
-        overflow-y: auto; /* Добавляем вертикальную прокрутку */
-        width: 70%;
-        margin: 20px auto;
-        background-color: white;
-        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-      }
-      table {
-        width: 100%;
-        border-collapse: collapse;
-      }
-      th, td {
-        border: 1px solid #ddd;
-        padding: 12px;
-        text-align: left;
-      }
-      th {
-        background-color: #4CAF50;
-        color: white;
-        border-bottom: 2px solid #388E3C;
-      }
-      tr:nth-child(even) {
-        background-color: #f2f2f2;
-      }
-      tr:hover {
-        background-color: #e0e0e0;
-      }
-      p {
-        margin-top: 20px;
-        font-size: 18px;
-        color: #333;
-      }
     </style>
   </head>
 <body>

     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Contacts</title>
     <style>
+        body {
+            font-family: Arial, sans-serif;
+            text-align: center;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+        h1 {
+            background-color: #4CAF50;
+            color: white;
+            padding: 20px;
+            margin: 0;
+            border-bottom: 2px solid #388E3C;
+        }
+        .scroll-container {
+            max-height: 400px; /* Устанавливаем максимальную высоту контейнера */
+            overflow-y: auto; /* Добавляем вертикальную прокрутку */
+            width: 70%;
+            margin: 20px auto;
+            background-color: white;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        th, td {
+            border: 1px solid #ddd;
+            padding: 12px;
+            text-align: left;
+        }
+        th {
+            background-color: #4CAF50;
+            color: white;
+            border-bottom: 2px solid #388E3C;
+            position: sticky; /* Делаем шапку фиксированной */
+            top: 0; /* Фиксируем шапку сверху */
+            z-index: 1; /* Устанавливаем z-index для шапки */
+        }
+        tr:nth-child(even) {
+            background-color: #f2f2f2;
+        }
+        tr:hover {
+            background-color: #e0e0e0;
+        }
+        p {
+            margin-top: 20px;
+            font-size: 18px;
+            color: #333;
+        }
     </style>
   </head>
 <body>