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

Валидная кнопка Google +1

Сегодня передо мной стала задача добавить на сайт кнопку +1 от Google. Казалось бы все довольно просто — надо всего лишь добавить этот код в то место, в котором вы хотите увидеть кнопку: [codesyntax lang=»html4strict» title=»HTML»] <script type=»text/javascript» src=»https://apis.google.com/js/plusone.js»></script> <g:plusone></g:plusone> … Читать далее

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

Меняем свойства элементов в JQuery 1.6+

С переходом на новую версию JQuery (1.6.2), я обнаружил что не могу менять свойства таких элементов как option, input:checkbox и др. Раньше для того, чтобы сделать выбранным option можно было просто добавить к нему атрибут selected: [codesyntax lang=»javascript» title=»JQuery: option selected»] … Читать далее

Рубрика: JavaScript/JQuery | Метки: , , , , , | Добавить комментарий

Как убрать лишние отступы для кнопок в 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 комментариев