Spaces:
Sleeping
Sleeping
Update nutri_call.html
Browse files- nutri_call.html +102 -75
nutri_call.html
CHANGED
@@ -69,26 +69,39 @@
|
|
69 |
display: block;
|
70 |
}
|
71 |
|
72 |
-
/*
|
73 |
-
.fertilisers-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
74 |
display: grid;
|
75 |
-
grid-template-columns:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
76 |
gap: 5px;
|
77 |
-
padding: 10px;
|
78 |
align-items: center;
|
79 |
}
|
80 |
|
|
|
|
|
|
|
|
|
|
|
81 |
/* Стиль для названий удобрений */
|
82 |
.fert-name {
|
83 |
text-align: left;
|
84 |
font-weight: bold;
|
85 |
-
padding-right: 10px;
|
86 |
-
}
|
87 |
-
|
88 |
-
/* Стиль для ячеек с данными */
|
89 |
-
.fert-cell {
|
90 |
-
text-align: center;
|
91 |
-
min-width: 50px;
|
92 |
}
|
93 |
</style>
|
94 |
</head>
|
@@ -146,78 +159,92 @@
|
|
146 |
|
147 |
<fieldset>
|
148 |
<legend>Составы солей</legend>
|
149 |
-
<div class="fertilisers-
|
150 |
<!-- Заголовки столбцов -->
|
151 |
-
<
|
152 |
-
|
153 |
-
|
154 |
-
|
155 |
-
|
156 |
-
|
157 |
-
|
158 |
-
|
159 |
-
|
|
|
|
|
160 |
|
161 |
<!-- Строки с удобрениями -->
|
162 |
-
<
|
163 |
-
|
164 |
-
|
165 |
-
|
166 |
-
|
167 |
-
|
168 |
-
|
169 |
-
|
170 |
-
|
|
|
|
|
171 |
|
172 |
-
<
|
173 |
-
|
174 |
-
|
175 |
-
|
176 |
-
|
177 |
-
|
178 |
-
|
179 |
-
|
180 |
-
|
|
|
|
|
181 |
|
182 |
-
<
|
183 |
-
|
184 |
-
|
185 |
-
|
186 |
-
|
187 |
-
|
188 |
-
|
189 |
-
|
190 |
-
|
|
|
|
|
191 |
|
192 |
-
<
|
193 |
-
|
194 |
-
|
195 |
-
|
196 |
-
|
197 |
-
|
198 |
-
|
199 |
-
|
200 |
-
|
|
|
|
|
201 |
|
202 |
-
<
|
203 |
-
|
204 |
-
|
205 |
-
|
206 |
-
|
207 |
-
|
208 |
-
|
209 |
-
|
210 |
-
|
|
|
|
|
211 |
|
212 |
-
<
|
213 |
-
|
214 |
-
|
215 |
-
|
216 |
-
|
217 |
-
|
218 |
-
|
219 |
-
|
220 |
-
|
|
|
|
|
221 |
</div>
|
222 |
</fieldset>
|
223 |
</body>
|
|
|
69 |
display: block;
|
70 |
}
|
71 |
|
72 |
+
/* Новая сетка для удобрений */
|
73 |
+
.fertilisers-container {
|
74 |
+
display: flex;
|
75 |
+
flex-direction: column;
|
76 |
+
padding: 10px;
|
77 |
+
}
|
78 |
+
|
79 |
+
/* Строка с заголовками */
|
80 |
+
.fert-header {
|
81 |
display: grid;
|
82 |
+
grid-template-columns: 100px repeat(9, 1fr);
|
83 |
+
gap: 5px;
|
84 |
+
margin-bottom: 5px;
|
85 |
+
font-weight: bold;
|
86 |
+
}
|
87 |
+
|
88 |
+
/* Строка с удобрением */
|
89 |
+
.fert-row {
|
90 |
+
display: grid;
|
91 |
+
grid-template-columns: 100px repeat(9, 1fr);
|
92 |
gap: 5px;
|
|
|
93 |
align-items: center;
|
94 |
}
|
95 |
|
96 |
+
/* Стиль для ячеек */
|
97 |
+
.fert-cell {
|
98 |
+
text-align: center;
|
99 |
+
}
|
100 |
+
|
101 |
/* Стиль для названий удобрений */
|
102 |
.fert-name {
|
103 |
text-align: left;
|
104 |
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
105 |
}
|
106 |
</style>
|
107 |
</head>
|
|
|
159 |
|
160 |
<fieldset>
|
161 |
<legend>Составы солей</legend>
|
162 |
+
<div class="fertilisers-container">
|
163 |
<!-- Заголовки столбцов -->
|
164 |
+
<div class="fert-header">
|
165 |
+
<span class="fert-name"></span>
|
166 |
+
<span class="fert-cell">NH4</span>
|
167 |
+
<span class="fert-cell">NO3</span>
|
168 |
+
<span class="fert-cell">P</span>
|
169 |
+
<span class="fert-cell">K</span>
|
170 |
+
<span class="fert-cell">Ca</span>
|
171 |
+
<span class="fert-cell">Mg</span>
|
172 |
+
<span class="fert-cell">S</span>
|
173 |
+
<span class="fert-cell">грамм</span>
|
174 |
+
</div>
|
175 |
|
176 |
<!-- Строки с удобрениями -->
|
177 |
+
<div class="fert-row">
|
178 |
+
<span class="fert-name">CaN2O6</span>
|
179 |
+
<span class="fert-cell" id="f11">0</span>
|
180 |
+
<input class="fert-cell" type="number" step="0.001" id="w1"/>
|
181 |
+
<span class="fert-cell" id="f13">0</span>
|
182 |
+
<span class="fert-cell" id="f14">0</span>
|
183 |
+
<input class="fert-cell" type="number" step="0.001" id="w1_2"/>
|
184 |
+
<span class="fert-cell" id="f16">0</span>
|
185 |
+
<span class="fert-cell" id="f17">0</span>
|
186 |
+
<input class="fert-cell" type="number" step="0.001" id="w1_3"/>
|
187 |
+
</div>
|
188 |
|
189 |
+
<div class="fert-row">
|
190 |
+
<span class="fert-name">KNO3</span>
|
191 |
+
<span class="fert-cell" id="f21">0</span>
|
192 |
+
<input class="fert-cell" type="number" step="0.001" id="w2_1"/>
|
193 |
+
<input class="fert-cell" type="number" step="0.001" id="w2_2"/>
|
194 |
+
<span class="fert-cell" id="f24">0</span>
|
195 |
+
<span class="fert-cell" id="f25">0</span>
|
196 |
+
<span class="fert-cell" id="f26">0</span>
|
197 |
+
<span class="fert-cell" id="f27">0</span>
|
198 |
+
<input class="fert-cell" type="number" step="0.001" id="w2"/>
|
199 |
+
</div>
|
200 |
|
201 |
+
<div class="fert-row">
|
202 |
+
<span class="fert-name">NH4NO3</span>
|
203 |
+
<input class="fert-cell" type="number" step="0.001" id="w3_1"/>
|
204 |
+
<input class="fert-cell" type="number" step="0.001" id="w3_2"/>
|
205 |
+
<span class="fert-cell" id="f33">0</span>
|
206 |
+
<span class="fert-cell" id="f34">0</span>
|
207 |
+
<span class="fert-cell" id="f35">0</span>
|
208 |
+
<span class="fert-cell" id="f36">0</span>
|
209 |
+
<span class="fert-cell" id="f37">0</span>
|
210 |
+
<input class="fert-cell" type="number" step="0.001" id="w3"/>
|
211 |
+
</div>
|
212 |
|
213 |
+
<div class="fert-row">
|
214 |
+
<span class="fert-name">MgSO4</span>
|
215 |
+
<span class="fert-cell" id="f41">0</span>
|
216 |
+
<input class="fert-cell" type="number" step="0.001" id="w4_1"/>
|
217 |
+
<span class="fert-cell" id="f43">0</span>
|
218 |
+
<span class="fert-cell" id="f44">0</span>
|
219 |
+
<span class="fert-cell" id="f45">0</span>
|
220 |
+
<span class="fert-cell" id="f46">0</span>
|
221 |
+
<span class="fert-cell" id="f47">0</span>
|
222 |
+
<input class="fert-cell" type="number" step="0.001" id="w4"/>
|
223 |
+
</div>
|
224 |
|
225 |
+
<div class="fert-row">
|
226 |
+
<span class="fert-name">KH2PO4</span>
|
227 |
+
<span class="fert-cell" id="f51">0</span>
|
228 |
+
<span class="fert-cell" id="f52">0</span>
|
229 |
+
<span class="fert-cell" id="f53">0</span>
|
230 |
+
<span class="fert-cell" id="f54">0</span>
|
231 |
+
<span class="fert-cell" id="f55">0</span>
|
232 |
+
<span class="fert-cell" id="f56">0</span>
|
233 |
+
<span class="fert-cell" id="f57">0</span>
|
234 |
+
<input class="fert-cell" type="number" step="0.001" id="w5"/>
|
235 |
+
</div>
|
236 |
|
237 |
+
<div class="fert-row">
|
238 |
+
<span class="fert-name">K2SO4</span>
|
239 |
+
<span class="fert-cell" id="f61">0</span>
|
240 |
+
<span class="fert-cell" id="f62">0</span>
|
241 |
+
<input class="fert-cell" type="number" step="0.001" id="w6_1"/>
|
242 |
+
<input class="fert-cell" type="number" step="0.001" id="w6_2"/>
|
243 |
+
<span class="fert-cell" id="f65">0</span>
|
244 |
+
<span class="fert-cell" id="f66">0</span>
|
245 |
+
<span class="fert-cell" id="f67">0</span>
|
246 |
+
<input class="fert-cell" type="number" step="0.001" id="w6"/>
|
247 |
+
</div>
|
248 |
</div>
|
249 |
</fieldset>
|
250 |
</body>
|