|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
23.03.2016, 12:02 | #1 |
Форумчанин
Регистрация: 13.08.2015
Сообщений: 193
|
Упоряддочить по колонкам чекбоксы
Привет есть код, который выводит чекбоксы
[SPOILER] Код:
И выводитятся на экран checkkbox.jpg Как сделать чтобы выводилось в 2 или 3 колонки, какие стили добавить? |
23.03.2016, 12:40 | #2 |
Форумчанин
Регистрация: 12.02.2011
Сообщений: 808
|
может можно как то и лучше это сделать но можно так:
Код HTML:
<style type="text/css"> .two{ background: blue; width: 200px; float:left; } </style> <form > <div class ="two"> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Blonay"> <span class="three-label">Blonay</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Mont-sur-Lasanne"> <span class="three-label">Mont-sur-Lasanne</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Lausanne"> <span class="three-label">Lausanne</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Etoy"> <span class="three-label">Etoy</span> </label> </div> </div> <div class ="two"> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Gland"> <span class="three-label">Gland</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Grand-Saconnex"> <span class="three-label">Grand-Saconnex</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Collonge-Bellerive"> <span class="three-label">Collonge-Bellerive</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="La Tour-de-Peilz"> <span class="three-label">La Tour-de-Peilz</span> </label> </div> </div > <div class ="two"> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Echallens"> <span class="three-label">Echallens</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Ecublens"> <span class="three-label">Ecublens</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Aubonne"> <span class="three-label">Aubonne</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Nyon"> <span class="three-label">Nyon</span> </label> </div> </div > <div class ="two"> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Geneve"> <span class="three-label">Geneve</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Vevey Lavaux"> <span class="three-label">Vevey Lavaux</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="Cossanay"> <span class="three-label">Cossanay</span> </label> </div> <div> <label> <input type="checkbox" name="region-de-activite[]" value="St. Sulpice"> <span class="three-label">St. Sulpice</span> </label> </div> </div> </form>
Терпение!Дежурный экстрасенс скоро свяжется с вами!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
IE 8 чекбоксы | tati89 | HTML и CSS | 4 | 13.08.2014 16:09 |
Разнести текст по колонкам | daomsk | Microsoft Office Word | 3 | 22.11.2012 10:33 |
Вопрос по колонкам | Sigrom | Компьютерное железо | 8 | 20.10.2009 09:19 |
Отбор по колонкам | Romuald | Microsoft Office Excel | 35 | 28.12.2007 11:40 |