Комментарии на: Кнопки: reloaded

От: Сергей Чикуенок

Сергей Чикуенок — Tue, 16 Jun 2009 16:38:10 +0000

Возможно, так и называется. Как видите, не все читают ALA. Я, кстати, тоже

От: TuTbaker

TuTbaker — Tue, 16 Jun 2009 16:30:00 +0000

Вообще-то идея довольно старая, и вроде бы называется это дело “раздвижные двери”(или я ошибаюсь?) и писали о ней на alistapart.com, есть даже переводы и не мало…

От: Артём

Артём — Tue, 19 May 2009 14:58:36 +0000

Добрый день!
Если кнопка располагается всегда на одной линии, а в данном случае это так,
надо использовать такую конструкцию:
display:inline;/* то есть не трогаем display */
height: Npx;
line-height: Npx;
Вот и все

От: Артём

Артём — Fri, 24 Apr 2009 13:50:01 +0000

Не давно на хабре написал статью
http://habrahabr.ru/blogs/css/56389/

Решение весьма похоже, но с некоторыми косяками.

От: Сергей Чикуенок

Сергей Чикуенок — Tue, 21 Apr 2009 08:19:05 +0000

Так онаж не жмётся!

Это дело пяти минут. Я всего лишь продемонстрировал способ создания таких кнопок.

я наверное тоже извразенец http://pavelgorlov.ru/pgbtn/

Да Особенно глядя на то, как это выглядит в Safari

От: Павел

Павел — Mon, 20 Apr 2009 19:41:49 +0000

Так онаж не жмётся!

я наверное тоже извразенец http://pavelgorlov.ru/pgbtn/

От: Сергей Чикуенок

Сергей Чикуенок — Mon, 20 Apr 2009 05:51:12 +0000

Да, я перепутал строчки

От: ~ZORRO~

~ZORRO~ — Mon, 20 Apr 2009 02:49:44 +0000

Прошу прощения в примере там где

display:-moz-inline-stack;
display:inline-block; /* Эмуляция для FF2 */

Если я понял правильно, то эмуляция должна быть для первого правила, а не для второго?

От: Слотер

Слотер — Fri, 10 Apr 2009 21:25:00 +0000

Прошу прощения, не //line-height: 0; а //height: 0;

От: Слотер

Слотер — Fri, 10 Apr 2009 21:05:38 +0000

Решается так:

overflow: visible;
//width: 0;
//line-height: 0;

Если width: 0 не указать, возникают проблемы, когда кнопку вставляешь в ячейку таблицы. А высота строки мешает выглядить кнопке «скромно»