Как грамотно выровнять радио-кнопки?

@Schtrich · Регистрация: 13.08.2010

Студворк — интернет-сервис помощи студентам

CSS
1
2
3
/* style welcome +table */
table.common { width: 100%; }
div.rovno { text-align: center; width: 50%; border: 1px solid; }

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<table class="common" border="1">
    <tr>
        <td width="100" valign="top"><a href="#">link</a></td>
        <td align="center" width="800"><img src="#" width="120" height="100" style="margin-top: 30px;" /></td>
        <td align="right" valign="top" width="100">link</td>
    </tr>
<tr><td colspan="3" align="center"><b>1.</b></td></tr>
<tr><td colspan="3" align="center"><img class="pogon" width="400" src="#" height="200"/></td></tr>
    <tr>
        <td colspan="3" align="center">
            <div class="rovno" align="center">
                <input type="radio" name="choise" value="unos"/>unos<br />
                <input type="radio" name="choise" value="dos"/>dos<br />
                <input type="radio" name="choise" value="tres"/>tres<br />
                <input type="radio" name="choise" value="quatro"/>quatro
            </div>
        </td>
    </tr>
    <tr><td colspan="3" align="center"><button>value</button></td></tr>
<tr><td colspan="3">&nbsp;</td></tr>
</table>

собственно сабж. Я бы сделал так, блок rovno.css width = 50%; float: right; и стиль к инпутам: float:left; но грамотно ли это? Как бы вы поступили?

@Sergio Aguero · 23.05.2012, 07:12

Сообщение от AlienNation

div.rovno

я прочитал не как ровно

Сообщение от AlienNation

Я бы сделал так, блок rovno.css width = 50%; float: right; и стиль к инпутам: float:left;

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

@Schtrich · 23.05.2012, 07:18 **[ТС]**

что-то мне подсказывает что здесь список как раз подойдет.

@Sergio Aguero · 23.05.2012, 07:28

я вот так сделал:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.rovno {
    
    
    display:block;
 
    width:100px;
    margin: auto;
}
.inp{
    display:block;
    float:left;
    clear:both;
    
}

HTML5
1
2
3
4
5
6
7
8
<td colspan="3" align="center">
            <div class="rovno">
              <span class="inp"><input type="radio" name="choise" value="unos"/>unos</span><br />
               <span class="inp"><input type="radio" name="choise" value="dos"/>dos</span><br />
                 <span class="inp"><input type="radio" name="choise" value="tres"/>tres</span><br />
                 <span class="inp"><input type="radio" name="choise" value="quatro"/>quatro</span>
          </div>
        </td>

В браузере все ровно

Вам их по центру ячейки надо или с краю???)

@Schtrich · 23.05.2012, 07:36 **[ТС]**

Сообщение от Sergio Aguero

Вам их по центру ячейки надо или с краю???)

по центру ячейки естественно.

Новые блоги и статьи Все статьи Все блоги /
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@Schtrich weboman 210 / 195 / 63 Регистрация: 13.08.2010 Сообщений: 1,531 Записей в блоге: 6
	23.05.2012, 07:18 [ТС]
	что-то мне подсказывает что здесь список как раз подойдет. 0