Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 23.03.2016, 12:02   #1
ninja2
Форумчанин
 
Регистрация: 13.08.2015
Сообщений: 193
По умолчанию Упоряддочить по колонкам чекбоксы

Привет есть код, который выводит чекбоксы
[SPOILER]
Код:
<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>
[/SPOILER]
И выводитятся на экран checkkbox.jpg

Как сделать чтобы выводилось в 2 или 3 колонки, какие стили добавить?
ninja2 вне форума Ответить с цитированием
Старый 23.03.2016, 12:40   #2
Dvoishnik
Форумчанин
 
Регистрация: 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">&nbsp;<span class="three-label">Blonay</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Mont-sur-Lasanne">&nbsp;<span class="three-label">Mont-sur-Lasanne</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Lausanne">&nbsp;<span class="three-label">Lausanne</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Etoy">&nbsp;<span class="three-label">Etoy</span>
			</label>
			</div>
        </div>
	    <div class ="two">
		    <div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Gland">&nbsp;<span class="three-label">Gland</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Grand-Saconnex">&nbsp;<span class="three-label">Grand-Saconnex</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Collonge-Bellerive">&nbsp;<span class="three-label">Collonge-Bellerive</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="La Tour-de-Peilz">&nbsp;<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">&nbsp;<span class="three-label">Echallens</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Ecublens">&nbsp;<span class="three-label">Ecublens</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Aubonne">&nbsp;<span class="three-label">Aubonne</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Nyon">&nbsp;<span class="three-label">Nyon</span>
			</label>
			</div>
		</div >		
		<div class ="two">
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Geneve">&nbsp;<span class="three-label">Geneve</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Vevey Lavaux">&nbsp;<span class="three-label">Vevey Lavaux</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="Cossanay">&nbsp;<span class="three-label">Cossanay</span>
			</label>
			</div>
			<div>
			<label>
				<input type="checkbox" name="region-de-activite[]" value="St. Sulpice">&nbsp;<span class="three-label">St. Sulpice</span>
			</label>
			</div>
		</div>	
</form>
Терпение!Дежурный экстрасенс скоро свяжется с вами!
Dvoishnik вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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