Отображать тэги с новой строки

[[da_smag]]

Здравствуйте. Скрипт генерирут строку <input type=checkbox ..> t1 <input type=checkbox ..> t2 ... <input type=checkbox ..> tN

Квадратики вместе с тектом отображаются в одну строку.

Как с помощью css сделать так, что бы отображался квадратик и текст, а следующий квадратик с текстом отображался бы с новой строки?

Зарание благодарен =)

[gesandte]

Здравствуйте. Скрипт генерирут строку <input type=checkbox ..> t1 <input type=checkbox ..> t2 ... <input type=checkbox ..> tN

Квадратики вместе с тектом отображаются в одну строку.

Как с помощью css сделать так, что бы отображался квадратик и текст, а следующий квадратик с текстом отображался бы с новой строки?

Зарание благодарен =)

<br />

[[da_smag]]

<br />

да ты гений!

а как это сделать, но не меняя строки?

[Илья Маякин]

А почему нельзя поменять строку? Это было бы самое простое решение.

[[da_smag]]

строку менять нельзя.

[Great Rash]

Ответ:

CSS - никак.

Варианты:

Либо вставлять в скрипт <br />, либо создавать скриптом контейнер (<div>) и в него запихивать <input type=checkbox ..> tN

[Justnewone]

Ответ:

CSS - никак.

Варианты:

Либо вставлять в скрипт <br />, либо создавать скриптом контейнер (<div>) и в него запихивать <input type=checkbox ..> tN

не будем так категоричны ))))

Я вижу как минимум 2 намека на решения.

1. без IE 6 и 7

Чекбоксу в стилях приделать псевдоселектор :before{content:""; display:block; height:0; overflow:hidden}

2. Подозреваю что почти кроссбраузерно.

.container INPUT{float:left;clear:left}

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

[Great Rash]

2. Подозреваю что почти кроссбраузерно.

.container INPUT{float:left;clear:left}

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

[Justnewone]

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

текст весь сгруппировался на первой строке, каюсь, был не прав.

Хотя, может я и дечил когда подобное, смутно вспоминаю.

А на самом деле лучше оборачивать пары чекбокс-текст в тег label, что по сути как раз очень верно, и ему уже сказать display:block

А еще круче вообще сформировать список, ибо понятно что на список очень похоже.

[rash]

А на самом деле лучше оборачивать пары чекбокс-текст в тег label, что по сути как раз очень верно, и ему уже сказать display:block

Это очень удобно для верстки, но в юзабилити проявляется побочный эффект — кликабельной остается вся строка, в которой находится блочный label, это может раздражать пользователя.

Если нет задачи написать минимальный код, то список со строчными label’ами — наиболее удобный вариант.

[Justnewone]

Это очень удобно для верстки, но в юзабилити проявляется побочный эффект — кликабельной остается вся строка, в которой находится блочный label, это может раздражать пользователя.

Если нет задачи написать минимальный код, то список со строчными label’ами — наиболее удобный вариант.

Им флоаты можно еще назначить, во )

конеш не на все 100% доступной ширины

[rash]

Им флоаты можно еще назначить, во )

конеш не на все 100% доступной ширины

Ну да, это если нужен минимальный код, тогда флоаты скорее всего. И если нет многострочных подписей. Да...

[[da_smag]]

спасибо =)