Spaces:
Sleeping
Sleeping
Update nutri_call.html
Browse files- nutri_call.html +32 -24
nutri_call.html
CHANGED
@@ -79,23 +79,25 @@
|
|
79 |
/* Строка с заголовками */
|
80 |
.fert-header {
|
81 |
display: grid;
|
82 |
-
grid-template-columns:
|
83 |
-
gap:
|
84 |
-
margin-bottom:
|
85 |
font-weight: bold;
|
86 |
}
|
87 |
|
88 |
/* Строка с удобрением */
|
89 |
.fert-row {
|
90 |
display: grid;
|
91 |
-
grid-template-columns:
|
92 |
-
gap:
|
93 |
align-items: center;
|
|
|
94 |
}
|
95 |
|
96 |
/* Стиль для ячеек */
|
97 |
.fert-cell {
|
98 |
text-align: center;
|
|
|
99 |
}
|
100 |
|
101 |
/* Стиль для названий удобрений */
|
@@ -103,6 +105,12 @@
|
|
103 |
text-align: left;
|
104 |
font-weight: bold;
|
105 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
106 |
</style>
|
107 |
</head>
|
108 |
|
@@ -162,7 +170,7 @@
|
|
162 |
<div class="fertilisers-container">
|
163 |
<!-- Заголовки столбцов -->
|
164 |
<div class="fert-header">
|
165 |
-
<span class="fert-name"
|
166 |
<span class="fert-cell">NH4</span>
|
167 |
<span class="fert-cell">NO3</span>
|
168 |
<span class="fert-cell">P</span>
|
@@ -177,37 +185,37 @@
|
|
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-
|
181 |
<span class="fert-cell" id="f13">0</span>
|
182 |
<span class="fert-cell" id="f14">0</span>
|
183 |
-
<input class="fert-
|
184 |
<span class="fert-cell" id="f16">0</span>
|
185 |
<span class="fert-cell" id="f17">0</span>
|
186 |
-
<input class="fert-
|
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-
|
193 |
<span class="fert-cell" id="f24">0</span>
|
194 |
-
<input class="fert-
|
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-
|
199 |
</div>
|
200 |
|
201 |
<div class="fert-row">
|
202 |
<span class="fert-name">NH4NO3</span>
|
203 |
-
<input class="fert-
|
204 |
-
<input class="fert-
|
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-
|
211 |
</div>
|
212 |
|
213 |
<div class="fert-row">
|
@@ -216,21 +224,21 @@
|
|
216 |
<span class="fert-cell" id="f43">0</span>
|
217 |
<span class="fert-cell" id="f44">0</span>
|
218 |
<span class="fert-cell" id="f45">0</span>
|
219 |
-
<
|
220 |
-
<input class="fert-
|
221 |
-
<input class="fert-
|
222 |
</div>
|
223 |
|
224 |
<div class="fert-row">
|
225 |
<span class="fert-name">KH2PO4</span>
|
226 |
<span class="fert-cell" id="f51">0</span>
|
227 |
<span class="fert-cell" id="f52">0</span>
|
228 |
-
<input class="fert-
|
229 |
-
<input class="fert-
|
230 |
<span class="fert-cell" id="f55">0</span>
|
231 |
<span class="fert-cell" id="f56">0</span>
|
232 |
<span class="fert-cell" id="f57">0</span>
|
233 |
-
<input class="fert-
|
234 |
</div>
|
235 |
|
236 |
<div class="fert-row">
|
@@ -238,11 +246,11 @@
|
|
238 |
<span class="fert-cell" id="f61">0</span>
|
239 |
<span class="fert-cell" id="f62">0</span>
|
240 |
<span class="fert-cell" id="f65">0</span>
|
241 |
-
<input class="fert-
|
242 |
<span class="fert-cell" id="f65">0</span>
|
243 |
<span class="fert-cell" id="f66">0</span>
|
244 |
-
<input class="fert-
|
245 |
-
<input class="fert-
|
246 |
</div>
|
247 |
</div>
|
248 |
</fieldset>
|
|
|
79 |
/* Строка с заголовками */
|
80 |
.fert-header {
|
81 |
display: grid;
|
82 |
+
grid-template-columns: 120px repeat(8, 90px);
|
83 |
+
gap: 10px;
|
84 |
+
margin-bottom: 10px;
|
85 |
font-weight: bold;
|
86 |
}
|
87 |
|
88 |
/* Строка с удобрением */
|
89 |
.fert-row {
|
90 |
display: grid;
|
91 |
+
grid-template-columns: 120px repeat(8, 90px);
|
92 |
+
gap: 10px;
|
93 |
align-items: center;
|
94 |
+
margin-bottom: 5px;
|
95 |
}
|
96 |
|
97 |
/* Стиль для ячеек */
|
98 |
.fert-cell {
|
99 |
text-align: center;
|
100 |
+
min-height: 25px;
|
101 |
}
|
102 |
|
103 |
/* Стиль для названий удобрений */
|
|
|
105 |
text-align: left;
|
106 |
font-weight: bold;
|
107 |
}
|
108 |
+
|
109 |
+
/* Стиль для полей ввода */
|
110 |
+
.fert-input {
|
111 |
+
width: 80px;
|
112 |
+
margin: 0 auto;
|
113 |
+
}
|
114 |
</style>
|
115 |
</head>
|
116 |
|
|
|
170 |
<div class="fertilisers-container">
|
171 |
<!-- Заголовки столбцов -->
|
172 |
<div class="fert-header">
|
173 |
+
<span class="fert-name">Удобрение</span>
|
174 |
<span class="fert-cell">NH4</span>
|
175 |
<span class="fert-cell">NO3</span>
|
176 |
<span class="fert-cell">P</span>
|
|
|
185 |
<div class="fert-row">
|
186 |
<span class="fert-name">CaN2O6</span>
|
187 |
<span class="fert-cell" id="f11">0</span>
|
188 |
+
<input class="fert-input" type="number" step="0.001" id="ca_no3"/>
|
189 |
<span class="fert-cell" id="f13">0</span>
|
190 |
<span class="fert-cell" id="f14">0</span>
|
191 |
+
<input class="fert-input" type="number" step="0.001" id="ca_ca"/>
|
192 |
<span class="fert-cell" id="f16">0</span>
|
193 |
<span class="fert-cell" id="f17">0</span>
|
194 |
+
<input class="fert-input" type="number" step="0.001" id="ca_gram"/>
|
195 |
</div>
|
196 |
|
197 |
<div class="fert-row">
|
198 |
<span class="fert-name">KNO3</span>
|
199 |
<span class="fert-cell" id="f21">0</span>
|
200 |
+
<input class="fert-input" type="number" step="0.001" id="kno3_no3"/>
|
201 |
<span class="fert-cell" id="f24">0</span>
|
202 |
+
<input class="fert-input" type="number" step="0.001" id="kno3_k"/>
|
203 |
<span class="fert-cell" id="f25">0</span>
|
204 |
<span class="fert-cell" id="f26">0</span>
|
205 |
<span class="fert-cell" id="f27">0</span>
|
206 |
+
<input class="fert-input" type="number" step="0.001" id="kno3_gram"/>
|
207 |
</div>
|
208 |
|
209 |
<div class="fert-row">
|
210 |
<span class="fert-name">NH4NO3</span>
|
211 |
+
<input class="fert-input" type="number" step="0.001" id="nh4no3_nh4"/>
|
212 |
+
<input class="fert-input" type="number" step="0.001" id="nh4no3_no3"/>
|
213 |
<span class="fert-cell" id="f33">0</span>
|
214 |
<span class="fert-cell" id="f34">0</span>
|
215 |
<span class="fert-cell" id="f35">0</span>
|
216 |
<span class="fert-cell" id="f36">0</span>
|
217 |
<span class="fert-cell" id="f37">0</span>
|
218 |
+
<input class="fert-input" type="number" step="0.001" id="nh4no3_gram"/>
|
219 |
</div>
|
220 |
|
221 |
<div class="fert-row">
|
|
|
224 |
<span class="fert-cell" id="f43">0</span>
|
225 |
<span class="fert-cell" id="f44">0</span>
|
226 |
<span class="fert-cell" id="f45">0</span>
|
227 |
+
<input class="fert-input" type="number" step="0.001" id="mgso4_mg"/>
|
228 |
+
<input class="fert-input" type="number" step="0.001" id="mgso4_s"/>
|
229 |
+
<input class="fert-input" type="number" step="0.001" id="mgso4_gram"/>
|
230 |
</div>
|
231 |
|
232 |
<div class="fert-row">
|
233 |
<span class="fert-name">KH2PO4</span>
|
234 |
<span class="fert-cell" id="f51">0</span>
|
235 |
<span class="fert-cell" id="f52">0</span>
|
236 |
+
<input class="fert-input" type="number" step="0.001" id="kh2po4_p"/>
|
237 |
+
<input class="fert-input" type="number" step="0.001" id="kh2po4_k"/>
|
238 |
<span class="fert-cell" id="f55">0</span>
|
239 |
<span class="fert-cell" id="f56">0</span>
|
240 |
<span class="fert-cell" id="f57">0</span>
|
241 |
+
<input class="fert-input" type="number" step="0.001" id="kh2po4_gram"/>
|
242 |
</div>
|
243 |
|
244 |
<div class="fert-row">
|
|
|
246 |
<span class="fert-cell" id="f61">0</span>
|
247 |
<span class="fert-cell" id="f62">0</span>
|
248 |
<span class="fert-cell" id="f65">0</span>
|
249 |
+
<input class="fert-input" type="number" step="0.001" id="k2so4_k"/>
|
250 |
<span class="fert-cell" id="f65">0</span>
|
251 |
<span class="fert-cell" id="f66">0</span>
|
252 |
+
<input class="fert-input" type="number" step="0.001" id="k2so4_s"/>
|
253 |
+
<input class="fert-input" type="number" step="0.001" id="k2so4_gram"/>
|
254 |
</div>
|
255 |
</div>
|
256 |
</fieldset>
|