Форум Сайтостроение Веб-строительство

Не поставить поля формы в один ряд. Помогите, пож-та. Спасибо

P
На сайте с 06.01.2009
Offline
601
postavkin
471

Добрый день. Прошу помочь, подсказать, почему то поля артикул, код, по названию - не хотят вставать в один ряд.

Поля товар, назначение, цвет - в один ряд.

Спасибо


<form action="" id="myform99">
<fieldset>
<label>товар:
<select class="F2" size="1" name="tovar" id="mydata">
<option value="1">линолеум</option>
<option value="2">плитка</option>
<option value="3">ламинат</option>
</select>
</label>

<label>назначение:
<select class="F2" size="1" name="naznachenie" id="mydata2">
<option value="1">любое</option>
<option value="2">для пола</option>
<option value="3">для стен</option>
<option value="4">для фасадов</option>
</select>
</label>


<label>цвет:
<select class="F2" size="1" name="zvet">
<option value="1">любой</option>
<option value="3">серый</option>
<option value="4">белый</option>
<option value="5">черный</option>
</select>
</label>
</fieldset>
...
<fieldset>
<label>артикул:<input name="name3" value="" size="9" type="text"></label>
<label>код :<input name="name4" value="" size="15" type="text"></label>
<label>название:<input name="name7" value="" size="20" type="text"></label>
</fieldset>

<fieldset>
<input name="poisk" class="active2" value="Найти" id="mydata51" type="button">
<input name="delete" class="sbros" value="сбросить" id="mydata55" type="reset">
</fieldset>

</form>
S
На сайте с 13.10.2014
Offline
171
silicoid
#1

Смотрите ваш CSS

голый хтмл ок

https://screenshotscdn.firefoxusercontent.com/images/0c33a15a-0ace-45bc-a525-065c84bf037c.png

P
На сайте с 06.01.2009
Offline
601
postavkin
#2
silicoid:
Смотрите ваш CSS
голый хтмл ок
https://screenshotscdn.firefoxusercontent.com/images/0c33a15a-0ace-45bc-a525-065c84bf037c.png

Спасибо. Как я понимаю, что то прописано для полей input, т.к. остальные поля отображаются нормально....

Есть пара файлов css

Во втором

label input,label textarea{display:block}
input,textarea{background:#fff;color:#424242;background:#F5F5F5;outline:none;border-width:0 0 2px;border-color:#eee;border-style:solid;font-size:14px;padding:10px 8px}

и ещё кое что, как я понимаю для формы заказа и корзины.

в первом css про это ничего не сказано (именно в первом идут стили для данной формы).

Того кто прописывал css уже не найти, подскажите, пож-та, как можно сделать именно для этой формы нужный input, но чтобы не попортить тот...

спасибо

ps сделал так

.forms fieldset input {display:inline; }

не знаю правильно или нет....

input взаимоисключающие поля Редактирование записи БД mysql. Сохранение данных в файл
S
На сайте с 13.10.2014
Offline
171
silicoid
#3 

label input,label textarea{display:block}

вот тут надо смотреть решение проблемы

в CSS надо добавить строку после той, что выше

 #myform99 fieldset > label, #myform99 fieldset > select{display:inline-block}

или даже, возможно, придется "конкретизировать" филдсет классом и добавить его в стили

---------- Добавлено 03.07.2018 в 14:24 ----------

а.. прошу прощения. надо добавить вот такую еще строку (исправил выше)

P
На сайте с 06.01.2009
Offline
601
postavkin
#4

silicoid, спасибо.

Подскажите, пож-та, как у этих трех полей уменьшить высоту, не трогая высоту кнопок найти и сбросить?

#myform99 fieldset input{ border:rgba(0,0,0,.3) 1px solid; height:20px;}

ясно, что height:20px; уменьшает высоту всех полей...

Добавил к нужным полям класс

<input class="77"

далее в css прописал

#myform99 fieldset input.77{ height:20px;}

не работает

jquery height не обновляется DLE вывод короткой новости jQuery не сразу срабатывает
S
На сайте с 13.10.2014
Offline
171
silicoid
#5

Ну во первых. класс не должен начинаться с цифры.

если вы поменяете название, то, в принципе, может и заработать

потом, чтоб не менялись кнопки, надо сделать что-то вроде

#myform99 fieldset input[type="text"]{height:20px;}

ValueDisplay = 'none') Как заблокировать "историю" поля Значение value в input
P
На сайте с 06.01.2009
Offline
601
postavkin
#6

silicoid, отлично! Спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий