Приветствую,
Сделал страницу, включая разного рода надписи, формы для ввода (textarea), линии, кнопки (submit), группы радиокнопок (radio). При изменении масштабов страницы (колесиком мышки) все элементы ведут себя нормально, не меняют положение относительное других элементов.
Только радиокнопки ведут себя плохо. При изменении масштабов значки радиокнопок, похоже, остаются такого же размера. Из-за этого при изменении масштаба элементы съезжают друг относительно друга.
Кто сталкивался с этим, и как с этой напастью бороться? Свои радиокнопки делать, что ли?..
1. AlexLF - 26 Июня, 2012 - 10:14:00 - перейти к сообщению
2. Zuldek - 26 Июня, 2012 - 10:23:38 - перейти к сообщению
Привет.
Ага, есть такое дело. Что тут скажешь, раз требуется такое же увеличение масштаба этих элементов, - визуализируйте радио и чекбоксы на javascript.
Вот вам готовое и элегантное решение вашей проблемы на базе Jquery: http://www[dot]dfc-e[dot]com/metiers/mul[dot][dot][dot]rce/jqtransform/
Ага, есть такое дело. Что тут скажешь, раз требуется такое же увеличение масштаба этих элементов, - визуализируйте радио и чекбоксы на javascript.
Вот вам готовое и элегантное решение вашей проблемы на базе Jquery: http://www[dot]dfc-e[dot]com/metiers/mul[dot][dot][dot]rce/jqtransform/
3. vlom - 26 Июня, 2012 - 10:29:19 - перейти к сообщению
Фигней по моему страдаете господа, на кой ляд надо это делать???
4. Zuldek - 26 Июня, 2012 - 10:34:25 - перейти к сообщению
vlom пишет:
Фигней по моему страдаете господа, на кой ляд надо это делать???
Имхо вы категоричны. Причин может быть масса: есть большие дисплеи, терминалы и веб-интерфейсы приложений которые смотрятся и(или) управляются через них, например.
В конце концов есть слабовидящие люди у которых масштаб страницы 400% в браузере и попытки попасть по радиокнопке без голосового управления превращается для них в неприятно-долгое занятие.
5. AlexLF - 26 Июня, 2012 - 13:46:28 - перейти к сообщению
Zuldek, спасибо за ответ.
Думал, можно как-то избавиться на уровне html. :-( JQuery у меня только на очереди.
Еще можно, думаю, каждую группу радиокнопок разместить в отдельном div-е. И ничего существенного в этом div-е и рядом не размещать. Тогда проблема по меньшей мере снизится.
(Добавление)
Насчет, зачем это нужно.
Лично у меня такая проблема возникла, когда я:
1. Сначала нарисовал в Axure RP интерфейс - там все с точностью до пикселя.
2. Потом переносил в html/php.
И вот такое искажение и обнаружилось. Хотелось бы, конечно, иметь точное соответствие между прототипом в Axure и веб-интерфейсом.
Думал, можно как-то избавиться на уровне html. :-( JQuery у меня только на очереди.
Еще можно, думаю, каждую группу радиокнопок разместить в отдельном div-е. И ничего существенного в этом div-е и рядом не размещать. Тогда проблема по меньшей мере снизится.
(Добавление)
Насчет, зачем это нужно.
Лично у меня такая проблема возникла, когда я:
1. Сначала нарисовал в Axure RP интерфейс - там все с точностью до пикселя.
2. Потом переносил в html/php.
И вот такое искажение и обнаружилось. Хотелось бы, конечно, иметь точное соответствие между прототипом в Axure и веб-интерфейсом.
6. Zuldek - 26 Июня, 2012 - 13:58:04 - перейти к сообщению
Чистым htmlем, насколько я знаю, обойтись никак не удастся. По той причине, что не изменяется размер этих элементов в браузерах при изменении масштаба (во всяком случае, точно не во всех популярных).
Для того чтобы подключить плагин, особых знаний js jqery обычно не требуется: благо есть живые примеры и мануалы.
Для того чтобы подключить плагин, особых знаний js jqery обычно не требуется: благо есть живые примеры и мануалы.
7. AlexLF - 26 Июня, 2012 - 14:05:26 - перейти к сообщению
Я пока решил изучить JavaScript с нуля, читаю курс на javascript.ru, не касаясь готовых библитеотек.
Потом, может быть, пожалею, что слишком капитально взялся.
По крайней мере, времени подробное чтение JavaScript занимает много.
Потом, может быть, пожалею, что слишком капитально взялся.
По крайней мере, времени подробное чтение JavaScript занимает много.
8. IllusionMH - 26 Июня, 2012 - 15:15:43 - перейти к сообщению
AlexLF, можно использовать float: left для радиобатонов, а для текста рядом(обязательно в label) задать левый отступ margin с небольшим запасом по сравнению с размером радиобатона
тогда можно кликать по тексту, для выбора варианта. Да и размер радио не будет иметь значения, т.к. положение текста будет зависеть от отступа.
Можно заменить стандартный вид радиобатона, на изображение.
Картинка вместо чекбокса, но под радио переделать на стоит труда
тогда можно кликать по тексту, для выбора варианта. Да и размер радио не будет иметь значения, т.к. положение текста будет зависеть от отступа.
Можно заменить стандартный вид радиобатона, на изображение.
Картинка вместо чекбокса, но под радио переделать на стоит труда