Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
np0p0k
0 / 0 / 1
Регистрация: 27.12.2017
Сообщений: 35
1

Не могу перенести чекбоксы

07.01.2018, 21:21. Просмотров 159. Ответов 2
Метки css, html (Все метки)

В общем задача, которую я не могу разрешить вот уже несколько часов.

Для начала код страницы

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
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
<link href="css/visit.css" media="screen" rel="stylesheet">
<html>
    <body>
        <div id="page_container">
<div class="patient-data-form">
    <div>
        <span>
            <span>Диабет</span>
            <input type="checkbox" id="checkbox_id_0" class="form-element" name="input_diabet_checkbox">
            <label for="checkbox_id_0">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_diabet">
        </span>
    </div>
    <div>
        <span>
            <span>Онкология</span>
            <input type="checkbox" id="checkbox_id_1" class="form-element" name="input_onkologia_checkbox">
            <label for="checkbox_id_1">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_onkologia">
        </span>
    </div>
    <div>
        <span>
            <span>Аллергия</span>
            <input type="checkbox" id="checkbox_id_2" class="form-element" name="input_allergia_checkbox">
            <label for="checkbox_id_2">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_allergia">
        </span>
    </div>
    <div>
        <span>
            <span>Гепатит</span>
            <input type="checkbox" id="checkbox_id_3" class="form-element" name="input_gepatit_checkbox">
            <label for="checkbox_id_3">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_gepatit">
        </span>
    </div>
    <div>
        <span>
            <span>Онихокриптоз</span>
            <input type="checkbox" id="checkbox_id_4" class="form-element" name="input_onihokriptoz_checkbox">
            <label for="checkbox_id_4">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_onihokriptoz">
        </span>
    </div>
    <div>
        <span>Плоскостопие</span>
        <span>
            <input type="radio" name="checkbox_name_valgus_varus" id="checkbox_id_5_0" class="form-element" value="valgus">
            <label for="checkbox_id_5_0">Вальгус</label>
            <input type="radio" name="checkbox_name_valgus_varus" id="checkbox_id_5_1" class="form-element" value="varus">
            <label for="checkbox_id_5_1">Варус</label>
        </span>
    </div>
    <div>
        <span>
        </span>
        <span>
            <input type="radio" name="checkbox_name_ploskostopie" id="checkbox_id_6_0" class="form-element" value="prodolnoye">
            <label for="checkbox_id_6_0">Продольное</label>
            <input type="radio" name="checkbox_name_ploskostopie" id="checkbox_id_6_1" class="form-element" value="poperechnoye">
            <label for="checkbox_id_6_1">Поперечное</label>
            <input type="radio" name="checkbox_name_ploskostopie" id="checkbox_id_6_2" class="form-element" value="combinirovannoe">
            <label for="checkbox_id_6_2">Комбинированное</label>
        </span>
    </div>
    <div>
        <span>
            <span>Онихомикоз</span>
            <input type="checkbox" id="checkbox_id_7" class="form-element" name="input_onihomikoz_checkbox">
            <label for="checkbox_id_7">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_onihomikoz">
        </span>
    </div>
    <div>
        <span>
            <span>Гипергидроз</span>
            <input type="checkbox" id="checkbox_id_8" class="form-element" name="input_gipergidroz_checkbox">
            <label for="checkbox_id_8">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_gipergidroz">
        </span>
    </div>
    <div>
        <span>
            <span>Травмы, операции</span>
            <input type="checkbox" id="checkbox_id_9" class="form-element" name="input_travmy_operatcii_checkbox">
            <label for="checkbox_id_9">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_travmy_operatcii">
        </span>
    </div>
    <div>
        <span>
            <span>Гиперкератоз</span>
    <input type="checkbox" id="checkbox_id_10" class="form-element" name="input_giperkeratoz_checkbox">
    <label for="checkbox_id_10">&nbsp;</label>
    <div class="clear"></div>
    </span>
        <span>
            <input type="text" class="form-element" name="input_giperkeratoz">
        </span>
    </div>
    <div>
        <span>
            <span>Бородавки</span>
            <input type="checkbox" id="checkbox_id_11" class="form-element" name="input_borodavki_checkbox">
            <label for="checkbox_id_11">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_borodavki">
        </span>
    </div>
    <div>
        <span>
            <span>Стержневые мозоли</span>
            <input type="checkbox" id="checkbox_id_12" class="form-element" name="input_sterzhnevie_mozoli_checkbox">
            <label for="checkbox_id_12">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_sterzhnevie_mozoli">
        </span>
    </div>
    <div>
        <span>
            <span>Трещины</span>
            <input type="checkbox" id="checkbox_id_13" class="form-element" name="input_treshiny_checkbox">
            <label for="checkbox_id_13">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_treshiny">
        </span>
    </div>
    <div>
        <span>
            <span>Микоз кожи</span>
            <input type="checkbox" id="checkbox_id_14" class="form-element" name="input_mikoz_kozhi_checkbox">
            <label for="checkbox_id_14">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_mikoz_kozhi">
        </span>
    </div>
    <div>
        <span>
            <span>Другое</span>
            <input type="checkbox" id="checkbox_id_15" class="form-element" name="input_drygoe_checkbox">
            <label for="checkbox_id_15">&nbsp;</label>
            <div class="clear"></div>
        </span>
        <span>
            <input type="text" class="form-element" name="input_drygoe">
        </span>
    </div>
</div>
        </div>
    </body>
</html>
Код CSS

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
#page_container{
    max-width:90%;
    max-width:1200px;
    margin:0 auto;
    padding:0 10px
}
 
.patient-data-form>div{
    display:flex;
    margin:20px 0
}
 
.patient-data-form>div>span{
    display:inline-block
}
 
.patient-data-form>div>span:first-child{
    width:25%;
    vertical-align:top
}
 
.patient-data-form>div>span:first-child span{
    display:block;
    float:left
}
 
.patient-data-form>div>span:first-child label{
    display:block;
    float:right
}
 
.patient-data-form>div>span:last-child{
    width:75%
}
 
.patient-data-form>div>span:last-child label{
    display:inline-block;
    margin-right:20px
}
 
.patient-data-form>div input[type="text"]{
    display:block;
    width:99%;
    font-size:1em;
    outline:none;
    padding:5px;
    margin-top:-4px;
    border:0;
    border-bottom:1px solid #9b9b9b
}

Мне надо чекбоксы передвинуть в право почти вплотную к текстовым полям.

Не могу перенести чекбоксы
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.01.2018, 21:21
Ответы с готовыми решениями:

Чекбоксы в два столбца
&lt;table class=&quot;chekin_select&quot;&gt; &lt;tbody&gt; &lt;tr class=&quot;edit_row_checkbox&quot;&gt; &lt;input...

Стилизовать чекбоксы и радиокнопки
Здравствуйте, подскажите как на css (не хочется для этого использовать js) стилизовать радиокнопки...

Нужно выровнять чекбоксы в таблице
Всем привет! Как выровнять чекбоксы к правому краю? Вот мой код: &lt;p&gt;Какое блюдо будете...

Чекбоксы в таблице, которая генерится динамически
есть страница, которую рожает РНР, читая построчно юзеров из базы мускула. в итоге на странице...

Упорядочить вывод в две колонки и больше чекбоксы
Привет есть код в котором выводятся чекбоксы: &lt;style type=&quot;text/css&quot;&gt; .two{ background: blue;...

2
nooclik
26 / 26 / 17
Регистрация: 05.07.2014
Сообщений: 182
07.01.2018, 22:05 2
Проще конечно их ровненько в левую сторону, а так либо табличная верстка, либо же списками, может у кого более оптимальное решение будет, да и мне кажется не совсем правильное применение тегу span
0
fol
496 / 475 / 155
Регистрация: 08.07.2013
Сообщений: 1,688
Записей в блоге: 1
08.01.2018, 00:46 3
без изменений html так:
CSS
1
2
3
4
5
6
7
8
9
10
11
.patient-data-form>div>span:first-child{
    text-align: right;
    padding-right: 40px;
}
.patient-data-form>div>span:first-child span{
   float:none;
   display: inline-block;
}
input[type="checkbox"] {
    display: inline-block;
}
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
08.01.2018, 00:46

Не могу перенести данные из 7.7 в 8.2
Создал конфигурацию в 7.7 хочу перенести в 8.2 но в меню Сервис нету Перенос данных из...

Не могу перенести задачу на mathcad
Всем привет. Подскажите как правильно будет. Ответ должен быть: 100 и 147. Знаю как сделать эту...

Не могу перенести базу данных
Всем добрый день. Делаю резервную копию базы данных на MS SQL Server 2008 c ноутбука, ось Win7,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru