Кнопочки в тексте или inline-block
21 октября 2008
Два интересных способа сделать inline-кнопки без мучений с display: inline, display: block, float: left и т.д.
Первый — используется textarea, которая ведёт себя как inline-block. Несемантично… зато кроссбраузерно.
Проверено в IE6, IE7, Firefox, Opera, Safari(PC) и Google Chrome.
Второй — почти семантично. Не совсем кроссбраузерно.
Не работает как надо в Safari(PC) и Google Chrome. Для IE7 требуется дополнительный код.
Комментарии RSS по email OK
а в чем мучения использования display:inline-block? :)
У вас все пользователи на Safari и Opera?
вобщето в осле проблем никогда небыло, в firefox тоже уже добавили и не надо использовать -moz-inline-block или как там его...
http://htmlbook.ru/css/display.html таблица для наглядности :)
В IE работает только для изначально строчных элементов или через приличную такую заплату. А display:-moz-inline-box — решение кривое.
не вижу проблем div делать или span
в свете ff3 оно не нужно
Свет FF3 не всем ещё светит. Так конечно решение с хаком display: inline-block тоже имеет право на жизнь.
думаю пользователи ff более адекватные люди чем ословоды и не сидят по 10 лет на старой версии браузера :D
Ну, например, если взять статистику samforum.ws за день: 182 пользователя FF2, и 1951 FF3. Соотношение хорошее, но 182 пользователя — это 182 пользователя.
При использовании текстарии появляется курсор во время клика(. Мне кажется оба способа не совсем подходящие.