<rmcreative>

RSS

Кнопочки в тексте или 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

  1. №736
    Dr.Death
    Dr.Death 21.10.2008, 21:02:33

    а в чем мучения использования display:inline-block? :)

  2. №737
    Sam
    Sam 21.10.2008, 21:14:12

    У вас все пользователи на Safari и Opera?

  3. №735
    Dr.Death
    Dr.Death 21.10.2008, 21:17:30

    вобщето в осле проблем никогда небыло, в firefox тоже уже добавили и не надо использовать -moz-inline-block или как там его...

  4. №740
    Dr.Death
    Dr.Death 21.10.2008, 21:18:28

    http://htmlbook.ru/css/display.html таблица для наглядности :)

  5. №741
    Sam
    Sam 21.10.2008, 21:27:09

    В IE работает только для изначально строчных элементов или через приличную такую заплату. А display:-moz-inline-box — решение кривое.

  6. №742
    Dr.Death
    Dr.Death 21.10.2008, 21:32:40

    для изначально строчных элементов

    не вижу проблем div делать или span

    А display:-moz-inline-box — решение кривое

    в свете ff3 оно не нужно

  7. №746
    Sam
    Sam 21.10.2008, 21:39:26

    Свет FF3 не всем ещё светит. Так конечно решение с хаком display: inline-block тоже имеет право на жизнь.

  8. №747
    Dr.Death
    Dr.Death 21.10.2008, 21:42:20

    думаю пользователи ff более адекватные люди чем ословоды и не сидят по 10 лет на старой версии браузера :D

  9. №748
    Sam
    Sam 21.10.2008, 21:59:10

    Ну, например, если взять статистику samforum.ws за день: 182 пользователя FF2, и 1951 FF3. Соотношение хорошее, но 182 пользователя — это 182 пользователя.

  10. №750
    Zodios
    Zodios 21.10.2008, 22:44:22

    При использовании текстарии появляется курсор во время клика(. Мне кажется оба способа не совсем подходящие.

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.