<rmcreative>

RSS

Все заметки с тегом «select»

Можно уточнить:

    (4)
    (1)
    (1)
    (3)
  1. Chosen, функциональные и красивые селекты

    28 июля 2011

    Элементы select доставляют достаточно много проблем: начиная с того, что пользоваться ими не очень удобно при большом количестве вариантов и заканчивая тем, что применить к ним стили в старых версиях IE — совершенно неблагодарное занятие.

    Плагин Chosen превращает select-ы в довольно приятные штуки. При этом не нужна ни дополнительная разметка, ни какие-либо значительные телодвижения.

    Пользуемся

    7 комментариев
  2. Мелочь в селекте

    26 сентября 2008

    Для элемента select часто используется заголовок вроде «Выберите что-нибудь», размещённый в самом селекте. По-хорошему нужно минимизировать возможность пользователя выбрать этот пункт и отправить форму.

    Читаем

    Решение работает в Opera, Firefox, IE6. В IE7 не работает, но исправить легко: нужно сменить условие подключения стиля для IE.

    2 комментария
  3. Ещё один фикс z-index и select в IE6

    26 июля 2007

    Вот уж не думал, что найдётся ещё один :)

    На этот раз при помощи использования альтенативного контрола Active-X.

    Пользоваться очень просто: подклюаем скрипт и в нужном месте:

    IEHTMLSelectElement.fix( document.getElementsByTagName('select') );

    Демо

    5 комментариев
  4. Замечательный фикс проблемы селектов в IE6

    6 июля 2007

    Ещё один вариант фикса проблемы селектов в IE6.

    На этот раз с очень наглядной демонстрацией.

    Смотрим и фиксим... если нужно.

    2 комментария
  5. Перекрываем select в IE6

    29 июня 2007

    Как известно, select в IE6 штука глючная и на z-index не реагирует. Из-за этого часто возникают проблемы с реализацией различных меню и подсказок. Существует мнение, что решения нет, но это не так:

    .ns{
      border: 2px solid #f00;
      position: absolute;
      left: 50px; top: 10px;
      width: 150px; height: 150px;
    }
     
    .nsframe{
      z-index: -1;
      position: absolute;
      top: 0px; left: 0px;
      width: 146px; height: 146px;
    }
    <div class="ns">
    <IFRAME class="nsframe" scrolling="no" frameborder="0"></IFRAME>
    Здесь информация Здесь
    информация Здесь информация Здесь информация
    Здесь информация Здесь информация</div>
        <select name="nameSelect">
        <option value="1">название</option>
        <option value="1">название</option>
        <option value="1">название</option>
        <option value="1">название</option>
        <option value="1">название</option>
        </select>
    4 комментария