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

Checkbox и css

H
На сайте с 31.05.2012
Offline
47
Hebe
463

Привет!

У меня такая проблема. Дизайн растягивается в зависимости от разрешения экрана и размера окна браузера. В результате checkbox могут переносится на новую строчку, но при этом слова "отрываются" от них (см. картинку).

Как можно их объединить, чтобы checkbox переносился вместе со словом на новую строчку?:confused: Может есть код в css специальный?

R
На сайте с 18.12.2009
Offline
92
rerighter
#1

Может просто объединить их в какой-нибудь элемент?

-O-O-
На сайте с 27.05.2006
Offline
140
-O-O-
#2

Смотря как сверстано. Подозреваю, что просто   между чекбоксом и словом поможет.

IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#3
rerighter:
объединить их в какой-нибудь элемент?

в <label>, например:

<label><input type="checkbox" ... /> текст</label>
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
codemorgan
На сайте с 12.01.2009
Offline
48
codemorgan
#4

Просто объеденить не прокатит

Можно так

http://jsfiddle.net/fJuH3/1/

Верстка/PHP/Wordpress/Magento (http://codemorgan.ru/services)
H
На сайте с 31.05.2012
Offline
47
Hebe
#5

codemorgan:
Просто объеденить не прокатит
Можно так
http://jsfiddle.net/fJuH3/1/

а вот! отличный вариант!

---------- Добавлено 13.01.2014 в 13:39 ----------

ivan-lev:
в <label>, например:
Код:

<label><input type="checkbox" ... /> текст</label>

они уже в <label> , но видимо надо какой css прописать...

codemorgan
На сайте с 12.01.2009
Offline
48
codemorgan
#6
они уже в <label> , но видимо надо какой css прописать...

Ну вот тот что у меня для li нужно для лейбл тогда

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