Размеры радиокнопки при масштабировании страницы

Приветствую,

Сделал страницу, включая разного рода надписи, формы для ввода (textarea), линии, кнопки (submit), группы радиокнопок (radio). При изменении масштабов страницы (колесиком мышки) все элементы ведут себя нормально, не меняют положение относительное других элементов.

Только радиокнопки ведут себя плохо. При изменении масштабов значки радиокнопок, похоже, остаются такого же размера. Из-за этого при изменении масштаба элементы съезжают друг относительно друга.



Кто сталкивался с этим, и как с этой напастью бороться? Свои радиокнопки делать, что ли?..

Привет.

Ага, есть такое дело. Что тут скажешь, раз требуется такое же увеличение масштаба этих элементов, - визуализируйте радио и чекбоксы на javascript.
Вот вам готовое и элегантное решение вашей проблемы на базе Jquery: http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

(Отредактировано автором: 26 Июня, 2012 - 10:27:46)

Фигней по моему страдаете господа, на кой ляд надо это делать???

Имхо вы категоричны. Причин может быть масса: есть большие дисплеи, терминалы и веб-интерфейсы приложений которые смотрятся и(или) управляются через них, например.
В конце концов есть слабовидящие люди у которых масштаб страницы 400% в браузере и попытки попасть по радиокнопке без голосового управления превращается для них в неприятно-долгое занятие.

Zuldek, спасибо за ответ.

Думал, можно как-то избавиться на уровне html. :-( JQuery у меня только на очереди.

Еще можно, думаю, каждую группу радиокнопок разместить в отдельном div-е. И ничего существенного в этом div-е и рядом не размещать. Тогда проблема по меньшей мере снизится.
(Добавление)
Насчет, зачем это нужно.

Лично у меня такая проблема возникла, когда я:
1. Сначала нарисовал в Axure RP интерфейс - там все с точностью до пикселя.
2. Потом переносил в html/php.

И вот такое искажение и обнаружилось. Хотелось бы, конечно, иметь точное соответствие между прототипом в Axure и веб-интерфейсом.

Чистым htmlем, насколько я знаю, обойтись никак не удастся. По той причине, что не изменяется размер этих элементов в браузерах при изменении масштаба (во всяком случае, точно не во всех популярных).
Для того чтобы подключить плагин, особых знаний js jqery обычно не требуется: благо есть живые примеры и мануалы.

Я пока решил изучить JavaScript с нуля, читаю курс на javascript.ru, не касаясь готовых библитеотек.

Потом, может быть, пожалею, что слишком капитально взялся. По крайней мере, времени подробное чтение JavaScript занимает много.

AlexLF, можно использовать float: left для радиобатонов, а для текста рядом(обязательно в label) задать левый отступ margin с небольшим запасом по сравнению с размером радиобатона
тогда можно кликать по тексту, для выбора варианта. Да и размер радио не будет иметь значения, т.к. положение текста будет зависеть от отступа.

Можно заменить стандартный вид радиобатона, на изображение.
Картинка вместо чекбокса, но под радио переделать на стоит труда

(Отредактировано автором: 26 Июня, 2012 - 15:21:57)