Есть четыре input-а и спрайт

Linux Nix Web Development - http://linuxoids.org/ image

Как сделать подобное?

Linux Nix Web Development - http://linuxoids.org/ image

Задать background-image input-у у меня не получилось. Завернул в span — результат аналогичный, под input-ом нет фона. Че делать?

Tagged with →  

51 Responses to Есть четыре input-а и спрайт

  1. SKEVelo:

    Сделай инпуты hidden, а юзеру показывай картинки только, ну и меняй по клику.

  2. DraSnow:

    завернул в дивы и заработало!

  3. IhsSport:

    Не видно же так нихуя!

  4. CavRain:

    О, а уменя тоже есть вопрос, надо не забыть его задать завтра.

  5. D05Good:

    Решение конечно пиздец, явно придумали «дезайнеры» 🙂

  6. DraSnow:

    нет, я сам

    Linux Nix Web Development - http://linuxoids.org/ размер 363x347, 16.07 kb

  7. DraSnow:

    на месте смотрится вполне ок

  8. Kilin:

    сайт ввв.ятвойдомтрубашатал.ком?

  9. 2moSpb:

    Нахуя вы городите хуйню?
    А если по делу, то делаешь div с бэкграундом из флага и внутри позиционируешь input

  10. SKEVelo:

    мне вот что-то подсказывает, что если юзать дефолтные радиобатоны (позиционированные на фоне), то где-нибудь наверняка они будут рендерится на белом квадратном фоне и выглядеть убого поверх круглых флагов.

  11. D05Good:

    <label for="langru" class="lang ru">
    <input type="radio" name="lang" value="ru" id="langru">
    </label>

  12. GorLt:

    Флаг Украины с батон внутри напоминает шарик с покемоном ^_^

  13. Arthlam:

    Только вот, блеать, покемон никак не хочет выпрыгивать… Скоро на второй срок пойдет…

  14. DraSnow:

    нет, получилось в точности как на нижней картинке

  15. CavRain:

    Помогите и мне, с моей проблемой. http://collapsar.kuzvac.ru
    Не работают ссылки на картинках, при просмотре с мобильных устройств.
    Вот в этом меню картинки сделаны через обычный img src

    Linux Nix Web Development - http://linuxoids.org/ image

    А в меню ниже картинки повешены на li.

    Linux Nix Web Development - http://linuxoids.org/ image

    И вот на них не работают ссылки, если смотреть с телефона или планшета. Но с компьютера всё работает.
    Как сделать так, чтобы они работали?

  16. DraSnow:

    чет не открывается

  17. CavRain:

    попробуй ещё раз:)

  18. DraSnow:

    нифига

  19. CavRain:

    бля, что за хрень.

  20. Cyhno:

    Польша уи-и-и-и!!!111

    Linux Nix Web Development - http://linuxoids.org/ image

  21. RedCap:

    Сделай ul#small-logos li a { display: block; width: 55px; height: 55px; }
    У тебя контент ссылки абсолютный, поэтому она 0px на 0px

    И еще мобильные браузеры могут игнорить пустой href=»»

  22. KriYes:

    Похоже на спасательные круги.

  23. RedCap:

    потому что span это inline-элемент. можно было выставить display: inline-block; или просто block + float: left;

  24. CavRain:

    о, заработало, спасибо. Значит я ошибся селектором, я это на strong повесил.

  25. Kkebad:

    выражаю емоции!

  26. 2moSpb:

    ебануться.

  27. DraSnow:

    но почему?

  28. Kkebad:

    я не понимаю, как ты не понимаешь!

  29. 2moSpb:

    валюта, флаги, чекбоксы.
    сделали бы нормально

  30. Ki4no:

    скорее всего на всех яблоках

  31. REter:

    span ничем не хуже.
    Хотя лично я бы обошелся одним fieldset’ом или тремя label’ами.

  32. REter:

    похоже на комплект шаров для боулинга, привязанный к ногам дизайнера, это всё придумавшего и вдруг обнаруживего себя купающимся в реке.

  33. XbiNo:

    Сделай второй спрайт, в котором будут обведённые флаги стран. Или если древние ие нахуй не нужны, то бордер радиусом покоцай флаги до кругли, а бордером подсветку. Потом сделай скрипт, который соорудит 4 дива и навесит им грамотно бэкграунд, а по клику будет менять класс, а класс будет давать вон то решение про другую картинку или обводку, если при этом обмазаться объектами, то будет совсем клёво.

  34. DraSnow:

    а мне и так норм

  35. EbaApp:

    Да и размеры в разных операционках вероятно будут разные, позиционирование слетит.

  36. IjdGood:

    а почему валюта во флагах, а не в символах денег?

  37. DraSnow:

    символы денег рядом со стоимостью товара

  38. DraSnow:

    но я же быдло!

  39. Ycihlam:

    тогда сделай не флаги, а лица разных рас — негр и два европеоида. Только для английской валюты — нарисуй королеву. Или Трубку (как у Холмса)

  40. DraSnow:

    отличная идея! куда слать деньги?

  41. CavRain:

    в фонд ускорения блогозория же!

  42. CavRain:

    в фонд ускорения блогозория же!

  43. Ksmoff:

    да потому что более сложного уебанского применения элемента не по назначению придумать было сложно. а если я флагов к тому же не знаю?

  44. Ki4no:

    просто покажу, почему нельзя трогать стандартные контролы

    Linux Nix Web Development - http://linuxoids.org/ image

Добавить комментарий