Архив метки: CSS

Как убрать лишние отступы для кнопок в Mozilla Firefox

Иногда  при верстке кнопок можно столкнуться с проблемой в браузере Firefox, если нам надо полностью убрать отступы в кнопке. Для остальных (новых) браузеров достаточно написать следующий CSS: [codesyntax lang=»css» title=»CSS»] .button{ padding:0; border:0; } [/codesyntax] Но Firefox упрямо оставляет между текстом и … Читать далее

Рубрика: HTML/CSS | Метки: , , | 5 комментариев

Оформление списков с помощью псевдоэлементов

По-умолчанию для оформления списков используется свойство list-style. Но для сложных макетов его не хватает. Например нам надо рядом с каждым элементом списка поставить синий квадрат, отцентрированный по вертикали, в то время, как сам текст списка должен быть серым.

Рубрика: HTML/CSS | Метки: , , , , , , | 1 комментарий

Как задать overflow:hidden для ячеек таблицы

Часто возникает ситуация, когда в ячейке таблицы (td, th)  с фиксированной шириной находится текст, который либо растягивает либо разрывает ячейку. [codesyntax lang=»html4strict» title=»HTML»] <table width=»50″> <tr> <td>Очень длинный текст</td> </tr> </table> [/codesyntax] В таком случае очень хочется поставить ей свойство … Читать далее

Рубрика: HTML/CSS | Метки: , , , | 1 комментарий

Масштабируемое фоновое изображение

Недавно передо мной стала задача сделать масштабируемый фон для сайта. При чем быстро. В принципе задача нетрудная. Но как всегда встретились подводные камни. Сначала подумал просто использовать CSS 3 свойство background-size. Но тут без костылей не обойтись и этот вариант … Читать далее

Рубрика: HTML/CSS, JavaScript/JQuery | Метки: , , , , | 7 комментариев

Кроссбраузерная css прозрачность.

Практически все современные браузеры поддерживают CSS 3 свойство opacity, определяющее уровень прозрачности элемента. Но иногда все еще возникает необходимость поддерживать старые браузеры. Именно для них при реализации кроссбраузерной прозрачности нужны первые 3 строки : [codesyntax lang=»css» title=»CSS»] .op{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* … Читать далее

Рубрика: HTML/CSS | Метки: , , , , , , | 3 комментария
  • Страница 2 из 2
  • <
  • 1
  • 2