CSS Is Awesome

[chetzof]

overflow: hidden забыли :)

[tapazukk]

нет, лучше word-wrap: break-word

[xdisa]

width: 100%;
Чтоб уж наверняка

[habracut]

Заметили, сколько способов нашлось для решения одной проблемы?
И вправду — CSS IS AWSOME. Когда его знаешь.

[omfg]

Не только для ие (:
-o-text-overflow: ellipsis; — для оперы.

[lashtal]

border:none; /*не, ну а че?*/

[Halt]

Cамое радикальное решение :) тогда уж приписать что для IE %)

[web4_0]

ППЦ, даже для кружки нужны conditional comments

[gentleman]

www.zazzle.com/css_is_awesome_with_overflow_mug-168685521846695550

[leomac]

где же такую купить? :)

[ostapbender]

Да напечатать на кружке. 300 рублей всё удовольствие стоить будет.

[Quiz]

Заказать, мне кажется, будет ещё дешевле =)

[Quiz]

Лучше бы написали где такую заказать.

[ELV1S]

www.zazzle.com/css_is_awesome_mug-168716435071981928

[SCUKKO]

А так же пи*дить педерастов :)

[vitali]

Это ещё почему???

[ilinsky]

Я думаю «CSS sucks!» в большинстве практических ситуаций, кроме тех простых проблем, для чего эта технология изначально была создана.

[wazd]

Да, полы моет хреново, я тоже заметил.

[ilinsky]

Да нет, пол моет хорошо! А вот как задать стиль кнопке input type=«file»? как разбить прямоугольник на произвольные N колонок? Как задать градиент тексту? и т.д.

[yerzintimur]

Для инпута: input[type^=”file”]
для разбиения дива: -moz-column-count: n;
На счет градиентов, вроди нельзя. А зачем оно надо?

[ilinsky]

Я неплохо знаю 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

[bolk]

Разбивка на колонки — вполне себе стандарт CSS: www.w3.org/TR/css3-multicol/#column-count

[ChemAli]

Там написано «Рабочий черновик».

[TheShock]

А вот как задать стиль кнопке 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>

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

Тексту, или фону? Но тут да — без сторонних технологий, или костылей не обойтись.

[BoltThrower]

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

> Так?

Нет, не так. Автор как бэ имел ввиду подобие газетных колонок, мне кажется. Вобщем-то их в css действительно не хватает, остальное — свистелки и перделки.

[yerzintimur]

-moz-column-count

[BoltThrower]

Сдаётся мне без примечания «сайт оптимизирован под фаерфокс» работать не будет.

[yerzintimur]

Надеюсь, что этот селектор включат в стандарт CSS3.

Вот еще про разбиение и разметку www.w3.org/TR/2009/WD-css3-layout-20090402/

[bolk]

Это не селектор, но он включён в стандарт: www.w3.org/TR/css3-multicol/#column-count

[ilinsky]

Автор имел ввиду средства CSS

[impass]

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

дождаться CSS3

[aubt]

> кроме тех простых проблем, для чего эта технология изначально была создана.
это шедевр.

[ilinsky]

Будете спорить что CSS это Cascading Style Sheets? И что здесь не идет речь о layout? Своим высказыванием я пытался скзать что CSS не работает для разводки, точнее работает очень неудобно

[aubt]

Любая технология весьма хреново работает с тем, для чего она не предназначена :)
Вы перечитайте то, что Вы написали, а не то, что имели ввиду.

[Razunter]

А вот так это выглядит в IE6:

[web4_0]

А на оригинальной кружке какой браузер использовался? :)

[Razunter]

Думаю, нет смысла особо выделять какой-то один: в FF, Opera, Safari и Chrome рендерится одинаково. В IE8 не проверял =]

[web4_0]

«в FF, Opera, Safari и Chrome рендерится одинаково», да вы оптимист. Это приятно.

[frozenhand]

Скрытая пиар акция CIA? )

[robots]

я бы рекомендовал брать с чёрным дном — её легче мыть!

[optio]

я бы рекомендовал брать без дна ;)

[Goodkat]

её вообще не придётся мыть?

[Halt]

И с запаянным горлышком %)

[Vladek]

Всё гениальное просто — металлическая губка отмывает кружку на раз!

[dizzoid]

картинка в тему

[MaxSergeev]

… странная крушка… верх запаян… и дна нет… :)

[RainFall]

Главное, чтобы ручка не отваливалась, когда пьешь горячий кофе после отладки и бессонной ночи с CSS :)

[anatoly_rr]

Ничё не знаю, у меня всё нормально

[sgnppv]

Какой браузер?

[anatoly_rr]

точно сказать не могу, но, кажется, как-то связан с джавой…

[yjin]

заметьте, что буква О в слове awesOme, попав на границу прямоугольника, стала жутко напониманать ЖОПУ… неплохо отражая реальное состояние дел практически всех сайтов в IE6 без дополнительных ухищрений…