DmitrMakeev commited on
Commit
a71756c
·
verified ·
1 Parent(s): aa812b7

Update nutri_call.html

Browse files
Files changed (1) hide show
  1. nutri_call.html +102 -75
nutri_call.html CHANGED
@@ -69,26 +69,39 @@
69
  display: block;
70
  }
71
 
72
- /* Сетка для удобрений */
73
- .fertilisers-grid-container {
 
 
 
 
 
 
 
74
  display: grid;
75
- grid-template-columns: 120px repeat(9, auto);
 
 
 
 
 
 
 
 
 
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-grid-container">
150
  <!-- Заголовки столбцов -->
151
- <span class="fert-name"></span>
152
- <span class="fert-cell">NH4</span>
153
- <span class="fert-cell">NO3</span>
154
- <span class="fert-cell">P</span>
155
- <span class="fert-cell">K</span>
156
- <span class="fert-cell">Ca</span>
157
- <span class="fert-cell">Mg</span>
158
- <span class="fert-cell">S</span>
159
- <span class="fert-cell">грамм</span>
 
 
160
 
161
  <!-- Строки с удобрениями -->
162
- <span class="fert-name">CaN2O6</span>
163
- <span class="fert-cell" id="f11">0</span>
164
- <span class="fert-cell" id="f12">0</span>
165
- <span class="fert-cell" id="f13">0</span>
166
- <span class="fert-cell" id="f14">0</span>
167
- <span class="fert-cell" id="f15">0</span>
168
- <span class="fert-cell" id="f16">0</span>
169
- <span class="fert-cell" id="f17">0</span>
170
- <input class="fert-cell" type="number" step="0.001" id="w1"/>
 
 
171
 
172
- <span class="fert-name">KNO3</span>
173
- <span class="fert-cell" id="f21">0</span>
174
- <span class="fert-cell" id="f22">0</span>
175
- <span class="fert-cell" id="f23">0</span>
176
- <span class="fert-cell" id="f24">0</span>
177
- <span class="fert-cell" id="f25">0</span>
178
- <span class="fert-cell" id="f26">0</span>
179
- <span class="fert-cell" id="f27">0</span>
180
- <input class="fert-cell" type="number" step="0.001" id="w2"/>
 
 
181
 
182
- <span class="fert-name">NH4NO3</span>
183
- <span class="fert-cell" id="f31">0</span>
184
- <span class="fert-cell" id="f32">0</span>
185
- <span class="fert-cell" id="f33">0</span>
186
- <span class="fert-cell" id="f34">0</span>
187
- <span class="fert-cell" id="f35">0</span>
188
- <span class="fert-cell" id="f36">0</span>
189
- <span class="fert-cell" id="f37">0</span>
190
- <input class="fert-cell" type="number" step="0.001" id="w3"/>
 
 
191
 
192
- <span class="fert-name">MgSO4</span>
193
- <span class="fert-cell" id="f41">0</span>
194
- <span class="fert-cell" id="f42">0</span>
195
- <span class="fert-cell" id="f43">0</span>
196
- <span class="fert-cell" id="f44">0</span>
197
- <span class="fert-cell" id="f45">0</span>
198
- <span class="fert-cell" id="f46">0</span>
199
- <span class="fert-cell" id="f47">0</span>
200
- <input class="fert-cell" type="number" step="0.001" id="w4"/>
 
 
201
 
202
- <span class="fert-name">KH2PO4</span>
203
- <span class="fert-cell" id="f51">0</span>
204
- <span class="fert-cell" id="f52">0</span>
205
- <span class="fert-cell" id="f53">0</span>
206
- <span class="fert-cell" id="f54">0</span>
207
- <span class="fert-cell" id="f55">0</span>
208
- <span class="fert-cell" id="f56">0</span>
209
- <span class="fert-cell" id="f57">0</span>
210
- <input class="fert-cell" type="number" step="0.001" id="w5"/>
 
 
211
 
212
- <span class="fert-name">K2SO4</span>
213
- <span class="fert-cell" id="f61">0</span>
214
- <span class="fert-cell" id="f62">0</span>
215
- <span class="fert-cell" id="f63">0</span>
216
- <span class="fert-cell" id="f64">0</span>
217
- <span class="fert-cell" id="f65">0</span>
218
- <span class="fert-cell" id="f66">0</span>
219
- <span class="fert-cell" id="f67">0</span>
220
- <input class="fert-cell" type="number" step="0.001" id="w6"/>
 
 
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>