DmitrMakeev commited on
Commit
7015916
·
verified ·
1 Parent(s): 1ad59ab

Update nutri_call.html

Browse files
Files changed (1) hide show
  1. nutri_call.html +89 -21
nutri_call.html CHANGED
@@ -72,16 +72,23 @@
72
  /* Сетка для удобрений */
73
  .fertilisers-grid-container {
74
  display: grid;
75
- grid-template-columns: repeat(10, auto);
76
  gap: 5px;
77
  padding: 10px;
78
  align-items: center;
79
  }
80
 
81
- /* Выравнивание для первой колонки удобрений */
82
- .fertilisers-grid-container span:first-child {
83
  text-align: left;
84
- min-width: 100px;
 
 
 
 
 
 
 
85
  }
86
  </style>
87
  </head>
@@ -140,23 +147,84 @@
140
  <fieldset>
141
  <legend>Составы солей</legend>
142
  <div class="fertilisers-grid-container">
143
- <span></span>
144
- <span>NH4</span>
145
- <span>NO3</span>
146
- <span>P</span>
147
- <span>K</span>
148
- <span>Ca</span>
149
- <span>Mg</span>
150
- <span>S</span>
151
- <span>Cl</span>
152
- <span>грамм</span>
153
- <span>CaN2O6</span> <span id="f11">0</span><input type="number" step="0.001" id="w1"/><span id="f13">0</span><span id="f14">0</span><input type="number" step="0.001" id="w1"/><span id="f16">0</span><span id="f17">0</span><span id="f18">0</span><input type="number" step="0.001" id="w1"/>
154
- <span>KNO3</span> <span id="f21">0</span><input type="number" step="0.001" id="w1"/><input type="number" step="0.001" id="w1"/><span id="f24">0</span><span id="f25">0</span><span id="f26">0</span><span id="f27">0</span><span id="f28">0</span><input type="number" step="0.001" id="w2"/>
155
- <span>NH4NO3</span> <input type="number" step="0.001" id="w1"/><input type="number" step="0.001" id="w1"/><span id="f33">0</span><span id="f34">0</span><span id="f35">0</span><span id="f36">0</span><span id="f37">0</span><span id="f38">0</span><input type="number" step="0.001" id="w3"/>
156
- <span>MgSO4</span> <span id="f31">0</span><input type="number" step="0.001" id="w1"/><span id="f44">0</span><span id="f45">0</span><span id="f46">0</span><span id="f47">0</span><input type="number" step="0.001" id="w1"/><input type="number" step="0.001" id="w4"/>
157
- <span>KH2PO4</span> <span id="f51">0</span><span id="f52">0</span><span id="f53">0</span><span id="f54">0</span><span id="f55">0</span><span id="f56">0</span><span id="f57">0</span><span id="f58">0</span><input type="number" step="0.001" id="w5"/>
158
- <span>K2SO4</span> <span id="f61">0</span><span id="f62">0</span> <input type="number" step="0.001" id="w1"/> <input type="number" step="0.001" id="w1"/><span id="f65">0</span><span id="f66">0</span><span id="f67">0</span><span id="f68">0</span><input type="number" step="0.001" id="w6"/>
159
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
160
  </div>
161
  </fieldset>
162
  </body>
 
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>
 
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">Cl</span>
160
+ <span class="fert-cell">грамм</span>
161
+
162
+ <!-- Строки с удобрениями -->
163
+ <span class="fert-name">CaN2O6</span>
164
+ <span class="fert-cell" id="f11">0</span>
165
+ <span class="fert-cell" id="f12">0</span>
166
+ <span class="fert-cell" id="f13">0</span>
167
+ <span class="fert-cell" id="f14">0</span>
168
+ <span class="fert-cell" id="f15">0</span>
169
+ <span class="fert-cell" id="f16">0</span>
170
+ <span class="fert-cell" id="f17">0</span>
171
+ <span class="fert-cell" id="f18">0</span>
172
+ <input class="fert-cell" type="number" step="0.001" id="w1"/>
173
+
174
+ <span class="fert-name">KNO3</span>
175
+ <span class="fert-cell" id="f21">0</span>
176
+ <span class="fert-cell" id="f22">0</span>
177
+ <span class="fert-cell" id="f23">0</span>
178
+ <span class="fert-cell" id="f24">0</span>
179
+ <span class="fert-cell" id="f25">0</span>
180
+ <span class="fert-cell" id="f26">0</span>
181
+ <span class="fert-cell" id="f27">0</span>
182
+ <span class="fert-cell" id="f28">0</span>
183
+ <input class="fert-cell" type="number" step="0.001" id="w2"/>
184
+
185
+ <span class="fert-name">NH4NO3</span>
186
+ <span class="fert-cell" id="f31">0</span>
187
+ <span class="fert-cell" id="f32">0</span>
188
+ <span class="fert-cell" id="f33">0</span>
189
+ <span class="fert-cell" id="f34">0</span>
190
+ <span class="fert-cell" id="f35">0</span>
191
+ <span class="fert-cell" id="f36">0</span>
192
+ <span class="fert-cell" id="f37">0</span>
193
+ <span class="fert-cell" id="f38">0</span>
194
+ <input class="fert-cell" type="number" step="0.001" id="w3"/>
195
+
196
+ <span class="fert-name">MgSO4</span>
197
+ <span class="fert-cell" id="f41">0</span>
198
+ <span class="fert-cell" id="f42">0</span>
199
+ <span class="fert-cell" id="f43">0</span>
200
+ <span class="fert-cell" id="f44">0</span>
201
+ <span class="fert-cell" id="f45">0</span>
202
+ <span class="fert-cell" id="f46">0</span>
203
+ <span class="fert-cell" id="f47">0</span>
204
+ <span class="fert-cell" id="f48">0</span>
205
+ <input class="fert-cell" type="number" step="0.001" id="w4"/>
206
+
207
+ <span class="fert-name">KH2PO4</span>
208
+ <span class="fert-cell" id="f51">0</span>
209
+ <span class="fert-cell" id="f52">0</span>
210
+ <span class="fert-cell" id="f53">0</span>
211
+ <span class="fert-cell" id="f54">0</span>
212
+ <span class="fert-cell" id="f55">0</span>
213
+ <span class="fert-cell" id="f56">0</span>
214
+ <span class="fert-cell" id="f57">0</span>
215
+ <span class="fert-cell" id="f58">0</span>
216
+ <input class="fert-cell" type="number" step="0.001" id="w5"/>
217
+
218
+ <span class="fert-name">K2SO4</span>
219
+ <span class="fert-cell" id="f61">0</span>
220
+ <span class="fert-cell" id="f62">0</span>
221
+ <span class="fert-cell" id="f63">0</span>
222
+ <span class="fert-cell" id="f64">0</span>
223
+ <span class="fert-cell" id="f65">0</span>
224
+ <span class="fert-cell" id="f66">0</span>
225
+ <span class="fert-cell" id="f67">0</span>
226
+ <span class="fert-cell" id="f68">0</span>
227
+ <input class="fert-cell" type="number" step="0.001" id="w6"/>
228
  </div>
229
  </fieldset>
230
  </body>