Я новичок в jquery и CSS, но постепенно выясняю это. Мне нужно создать пользовательские переключатели и нашел этот замечательный пример:
Пользовательские радиокнопки группы накаливания
Прекрасно работает с переключателями, расположенными одна над другой, с текстом справа. Теперь я хочу, чтобы текст над переключателями располагался так, чтобы кнопки располагались одна рядом с другой слева направо (в ячейках таблицы).
Я просто не могу заставить метки оставаться над переключателями, и я не могу расположить кнопку и метку в центре, не испортив графику. Не уверен, куда обратиться, чтобы выяснить это (я уже потратил на это целый день) ... помогите!
Дополнительно: я попытался переместить метку над тегами INPUT, но метки по-прежнему перемещаются справа от ввода. Вот мой код для кнопок слева направо (довольно простые вещи) ...
<table width="100%" border="0" cellspacing="0" cellpadding="5" style="margin-top: 20px">
<tr>
<td width="33%" valign="bottom">
<p>One</p><input class="answers" type="radio" name="answers" id="option3" value="3">
<label for="option3"> </label>
</td>
<td width="33%" valign="bottom">
<p>Two</p><input class="answers" type="radio" name="answers" id="option4" value="4">
<label for="option4"> </label>
</td>
<td width="33%" valign="bottom">
<p>Three</p><input class="answers" type="radio" name="answers" id="option5" value="5">
<label for="option5"> </label>
</td>
</tr>
</table>
Дополнительно: я что-то упустил здесь? Можно ли даже поставить метку над переключателем или она всегда будет сбиваться в сторону?