Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 14.01.2010 18:02

jeno
Разбирающийся
Зарегистрирован: 13.09.2006
Сообщений: 126
Вебсайт

checkbox на уровне label

Добрый день

Есть вот такой HTML код:

Код:

<input type="checkbox" name="rules" id="rules" value="1" /><label for="rules">Я ознакомился(-ась) и  согласен (-на) с правилами сайта</label>

checkbox в firefox и большинстве браузеров на 2px выше чем надо (от уровня текста)...добавляю css:

Код:

#rules {
position:relative;
top:2px;
}

везде все ок, кроме Opera (проверял в 10.01)...в опере checkbox ниже на 2 пикселя чем надо (те.для оперы top:2px; применять не надо)

помогите пожалуйста разобраться\ может есть более изящные способы сделать все на одном уровне? без хаков и т.п.

Спасибо!

Нет на форуме

 

#2 15.01.2010 20:00

Octane
Опытный
Откуда: Волгоград
Зарегистрирован: 05.03.2008
Сообщений: 220
Вебсайт

Re: checkbox на уровне label

Это скорее всего возникает из-за разного выравнивания элемента относительно строки, попробуйте вынести input в отдельный контекст форматирования, добавив ему свойство float:left, если возможно.

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson