Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Расположение radio-button на одной линии с текстом
 
 автор: antf   (21.03.2007 в 13:53)   письмо автору
1.1 Кб
 
 

Здравствуйте.
Посмотрите на рисунок и вы увидите, что текст находится ниже, не на одной линии с кнопками Radio. Кнопки вставляются обычным образом:


<td class='ForFormCapt'>Тип опроса</td>
<td>
  <input class='Radio' type='radio' name='type' value='radio' onclick="hide('min_max_info');"><span class='Text'>одновариантное</span><br>
<input class='Radio' type='radio' name='type' value='checkbox' onclick="show('min_max_info');" checked><span class='Text'>многовариантное</span></td>


Как этого избежать?

Заранее спасибо.

   
 
 автор: Lelik   (21.03.2007 в 13:56)   письмо автору
 
   для: antf   (21.03.2007 в 13:53)
 

задай свойства margin && padding для радиобатонов по нулям и выравнивание в таблице сделай по верху, а лучше по середине (vertical-align:middle)

   
 
 автор: antf   (21.03.2007 в 14:03)   письмо автору
 
   для: Lelik   (21.03.2007 в 13:56)
 

К сожалению, это не помогает.

   
 
 автор: Lelik   (21.03.2007 в 14:07)   письмо автору
 
   для: antf   (21.03.2007 в 14:03)
 

расположи текст и кнопку в разных ячейках и поиграй со стилями, например:

<tr>
   <td class="radio_td"><input type="radio"/></td>
   <td class="text_td">text for button</td>
</tr>

   
 
 автор: AlexSol   (21.03.2007 в 14:13)   письмо автору
 
   для: Lelik   (21.03.2007 в 14:07)
 

а ты случайно не в нетскейпе смотришь? в остальных текст только 1-2 пх ниже середины радиоботона.

   
 
 автор: ZuArt   (21.03.2007 в 14:16)   письмо автору
 
   для: Lelik   (21.03.2007 в 14:07)
 

а если попробовать сделать не так
<input class='Radio' type='radio' name='type' value='radio' onclick="hide('min_max_info');"><span class='Text'>одновариантное</span>


а вот так
<style>
.rBtn {
text-align:left;
vertical-align:center
.. приплюсовать стили из Text, которые были для span
}
</style>

<div class='rBtn'><input class='Radio' type='radio' name='type' value='radio' onclick="hide('min_max_info');">одновариантное<div>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования