Radio - селекторы и обрамление текста

**barmalei** · 18.10.2007, 00:10

<form method='post' action='news.php'>

<div style='text-align:center; padding-left:18px; padding-right:8px; padding-top:10px; padding-bottom:0px'>
Как вы относистесь к службе в армии?
<hr />

<div style='padding-left : 18px'>

<input type='radio' name='votea' value='1' /> Положительно, служил, служить должны все

<input type='radio' name='votea' value='2' /> Положительно, не служил, но обязательно буду

<input type='radio' name='votea' value='3' /> Нейтрально, мне все равно

<input type='radio' name='votea' value='4' /> Отрицательно, там нечего делать

<input type='radio' name='votea' value='5' /> Отрицательно,* я никому ничего не должен

</div>
<div style='text-align:center; padding-top: 10px; padding-left:18px' class='smalltext'>
<input class='button' type='submit' name='pollvote' value='Отправить' />

Всего проголосовало: 1 человек.
</div>
</form>* **[/quote]

Собственно есть такой код.
Хочу что бы было:
<radio1> Отрицательно,
<пустота>там нечего делать
<radio2> Отрицательно,
<пустота>я никому ничего
<пустота>не должен

Вместо:
<radio1> Отрицательно,
там нечего делать
<radio2> Отрицательно,
я никому ничего не должен

Radiо - это сам элемент выбора.

**garA** · 18.10.2007, 17:02

вариант конечно не идеален, но все-таки:
можете заключить "там нечего делать" в спаны и прописать боковой отступ

**barmalei** · 18.10.2007, 18:40

Вариант далеко не идален, т.к. код генерируеться автоматом
и я наверняка не знаю какой конкретно текст надо в спаны заключать..
сегодня это может быть "там нечего делать", а в след опросе - что угодно..
Гуру дайте совет?

**Aykroyd** · 18.10.2007, 20:09

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
div.item {width: 200px; overflow: hidden; margin-bottom: 5px; background: #FFFFCC;}
input {float: left;}
body:not([dummy]) input {margin-top: 2px;}
label {float: left; padding-left: 5px; width: 150px;}
</style>
</head>

<body>





</body>
</html>

**barmalei** · 19.10.2007, 15:35

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

Получаеться:
<radio1> Отрицательно,
<пустота>там нечего
делать

Подскажите что подправить необходимо?
Какие элементы можно удалить из кода что бы не вносились изменения в внешний вид всего документа... у меня кнопка начала съезжать..

**Aykroyd** · 19.10.2007, 18:08

Originally posted by barmalei@Oct 19 2007, 15:35
У меня только, к сожалению, когда строка получаеться в три строчки, третья строка - не выравниваеться..
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
IE6:

[attachment=7009:attachment]

FF:

[attachment=7010:attachment]

Opera:

[attachment=7011:attachment]

Originally posted by barmalei@Oct 19 2007, 15:35
Какие элементы можно удалить из кода что бы не вносились изменения в внешний вид всего документа... у меня кнопка начала съезжать..
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Ну, здесь уж потрудитесь сами разобраться. Я Вам привел пример готового решения. Какие там у Вас стили могут друг на друга влиять – это уже мне неведомо...

**barmalei** · 21.10.2007, 13:47

Спасибо уважаемый, все работает как надо!

**Aykroyd** · 21.10.2007, 16:42

Не за что... По семантическим соображениям будет еще лучше, если дивы на[*] поменяете... И представите все это неупорядоченным списком...

Тема: Radio - селекторы и обрамление текста

Опции темы

Поиск по теме

Отображение

Похожие темы

Селекторы атрибутов для ff

Проверка radio button в форме

пребразование текста

HElp замена текста

Тень от текста в AI

Ваши права