X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Упорядочить чекбоксы
ninja2
ninja2
Topic Starter сообщение 23.3.2016, 13:10; Ответить: ninja2
Сообщение #1


Есть код:
<style type="text/css">
.two{
background: blue;
height: 30px;
width: 50%;
}
</style>
<form>
<span class="one">
<span class="two">
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Blonay">&nbsp;<span class="three-label">Blonay</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Mont-sur-Lasanne">&nbsp;<span class="three-label">Mont-sur-Lasanne</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Lausanne">&nbsp;<span class="three-label">Lausanne</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Etoy">&nbsp;<span class="three-label">Etoy</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Gland">&nbsp;<span class="three-label">Gland</span>
</label>
</span><span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Grand-Saconnex">&nbsp;<span class="three-label">Grand-Saconnex</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Collonge-Bellerive">&nbsp;<span class="three-label">Collonge-Bellerive</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="La Tour-de-Peilz">&nbsp;<span class="three-label">La Tour-de-Peilz</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Echallens">&nbsp;<span class="three-label">Echallens</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Ecublens">&nbsp;<span class="three-label">Ecublens</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Aubonne">&nbsp;<span class="three-label">Aubonne</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Nyon">&nbsp;<span class="three-label">Nyon</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Geneve">&nbsp;<span class="three-label">Geneve</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Vevey Lavaux">&nbsp;<span class="three-label">Vevey Lavaux</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Cossanay">&nbsp;<span class="three-label">Cossanay</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="St. Sulpice">&nbsp;<span class="three-label">St. Sulpice</span>
</label>
</span><span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Rolle">&nbsp;<span class="three-label">Rolle</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Coppet">&nbsp;<span class="three-label">Coppet</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Vernier">&nbsp;<span class="three-label">Vernier</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Pully">&nbsp;<span class="three-label">Pully</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Crissier">&nbsp;<span class="three-label">Crissier</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Saint-Prex">&nbsp;<span class="three-label">Saint-Prex</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Le Vaud">&nbsp;<span class="three-label">Le Vaud</span>
</label>
</span>
<span class="three">
<label>
<input type="checkbox" name="region-de-activite[]" value="Versoix">&nbsp;<span class="three-label">Versoix</span>
</label>
</span>
<span class="three last">
<label>
<input type="checkbox" name="region-de-activite[]" value="Lancy">&nbsp;<span class="three-label">Lancy</span>
</label>
</span>
</span>
</span>
</form>

Выводи на экран: [attachment=41086:checkkbox.jpg]
Как сделать чтобы выводилось в 2 колонки ли в 3 ?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Art Lev
Art Lev
сообщение 23.3.2016, 13:35; Ответить: Art Lev
Сообщение #2


[CSS]nth-child[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 23.3.2016, 15:07; Ответить: Degradator
Сообщение #3


float: left;
width: 33.333%;

<input type="checkbox" checked />
Аттрибута value не должно быть в чекбоксе

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 19.4.2024, 0:04
Дизайн