CSS Is Awesome

    Вся сущность CSS:
    image

    По настойчивым просьбам трудящихся: заказать за $12.95. Таки напечатать будет дешевле.

    Similar posts

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 61

      +11
      overflow: hidden забыли :)
      • UFO just landed and posted this here
          +8
          нет, лучше word-wrap: break-word
            +9
            width: 100%;
            Чтоб уж наверняка
              +13
              Заметили, сколько способов нашлось для решения одной проблемы?
              И вправду — CSS IS AWSOME. Когда его знаешь.
                +5
                text-overflow: ellipsis; как вариант для ие
                  0
                  Не только для ие (:
                  -o-text-overflow: ellipsis; — для оперы.
                  +6
                  border:none; /*не, ну а че?*/
                    +2
                    Cамое радикальное решение :) тогда уж приписать что для IE %)
                      +6
                      ППЦ, даже для кружки нужны conditional comments
              +1
              где же такую купить? :)
                +2
                Да напечатать на кружке. 300 рублей всё удовольствие стоить будет.
                  0
                  Заказать, мне кажется, будет ещё дешевле =)
                0
                Лучше бы написали где такую заказать.
              • UFO just landed and posted this here
                  –13
                  А так же пи*дить педерастов :)
                  • UFO just landed and posted this here
                      +1
                      Это ещё почему???
                  • UFO just landed and posted this here
                      –17
                      Я думаю «CSS sucks!» в большинстве практических ситуаций, кроме тех простых проблем, для чего эта технология изначально была создана.
                        +34
                        Да, полы моет хреново, я тоже заметил.
                          0
                          Да нет, пол моет хорошо! А вот как задать стиль кнопке input type=«file»? как разбить прямоугольник на произвольные N колонок? Как задать градиент тексту? и т.д.
                            +5
                            Для инпута: input[type^=”file”]
                            для разбиения дива: -moz-column-count: n;
                            На счет градиентов, вроди нельзя. А зачем оно надо?
                              +1
                              Я неплохо знаю CSS (1-3). По-моему, input[type^=”file”] выбирает все элементы input у которых атрибут type начинается с «file», так что input[type^=”fileornot”] будет тоже заматчен этим селектором. Второе: вовсе не очевидно что именно такой селектор должен стилизовать — кнопку, поле ввода или box их описывающий. В теории, конечно, кнопку должно было быть возможно стилизовать с помощью pseudo-element selector, например input[type=file]::button, но это только в теории.

                              Пример -moz-column-count: n; не катит, это не стандарт CSS (хотя в настоящем идет работа по миграции gecko layout модели с поддержкой orientation, flex). А насчет градиента для текста, конечно экстрим, но есть и для этого usecases
                                +2
                                Разбивка на колонки — вполне себе стандарт CSS: www.w3.org/TR/css3-multicol/#column-count
                                  0
                                  Там написано «Рабочий черновик».
                                  • UFO just landed and posted this here
                                • UFO just landed and posted this here
                                +1
                                А вот как задать стиль кнопке input type=«file»?

                                Неужели это кого-то еще секрет?
                                valums.com/wp-content/uploads/ajax-upload/demo-jquery.htm
                                Смотрите кнопку «Upload». И это реализуется чистым css+html

                                как разбить прямоугольник на произвольные N колонок?

                                Так?
                                <table>
                                    <tr>
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            2
                                        </td>
                                    </tr>
                                </table>


                                Как задать градиент тексту?

                                Тексту, или фону? Но тут да — без сторонних технологий, или костылей не обойтись.
                                  +1
                                  > как разбить прямоугольник на произвольные N колонок?

                                  > Так?

                                  Нет, не так. Автор как бэ имел ввиду подобие газетных колонок, мне кажется. Вобщем-то их в css действительно не хватает, остальное — свистелки и перделки.
                                    –2
                                    -moz-column-count
                                      +1
                                      Сдаётся мне без примечания «сайт оптимизирован под фаерфокс» работать не будет.
                                  –1
                                  Автор имел ввиду средства CSS
                                • UFO just landed and posted this here
                                    +3
                                    как разбить прямоугольник на произвольные N колонок?

                                    дождаться CSS3
                                  0
                                  > кроме тех простых проблем, для чего эта технология изначально была создана.
                                  это шедевр.
                                    0
                                    Будете спорить что CSS это Cascading Style Sheets? И что здесь не идет речь о layout? Своим высказыванием я пытался скзать что CSS не работает для разводки, точнее работает очень неудобно
                                      +3
                                      Любая технология весьма хреново работает с тем, для чего она не предназначена :)
                                      Вы перечитайте то, что Вы написали, а не то, что имели ввиду.
                                  +59
                                  А вот так это выглядит в IE6:
                                    0
                                    А на оригинальной кружке какой браузер использовался? :)
                                      +1
                                      Думаю, нет смысла особо выделять какой-то один: в FF, Opera, Safari и Chrome рендерится одинаково. В IE8 не проверял =]
                                        +3
                                        «в FF, Opera, Safari и Chrome рендерится одинаково», да вы оптимист. Это приятно.
                                    • UFO just landed and posted this here
                                      0
                                      Скрытая пиар акция CIA? )
                                        +2
                                        я бы рекомендовал брать с чёрным дном — её легче мыть!
                                          +3
                                          я бы рекомендовал брать без дна ;)
                                            +1
                                            её вообще не придётся мыть?
                                              0
                                              И с запаянным горлышком %)
                                              0
                                              Всё гениальное просто — металлическая губка отмывает кружку на раз!
                                              0
                                              картинка в тему
                                                0
                                                … странная крушка… верх запаян… и дна нет… :)
                                                  0
                                                  Главное, чтобы ручка не отваливалась, когда пьешь горячий кофе после отладки и бессонной ночи с CSS :)
                                                    +3
                                                    Ничё не знаю, у меня всё нормально

                                                      0
                                                      Какой браузер?
                                                        +3
                                                        точно сказать не могу, но, кажется, как-то связан с джавой…
                                                      0
                                                      заметьте, что буква О в слове awesOme, попав на границу прямоугольника, стала жутко напониманать ЖОПУ… неплохо отражая реальное состояние дел практически всех сайтов в IE6 без дополнительных ухищрений…
                                                      • UFO just landed and posted this here

                                                      Only users with full accounts can post comments. Log in, please.