Правильное использование padding

HTML, Интересное

Теги : , , , ,

Я думаю многие встречались с проблемой использования внутренних отступов в верстке. Связано это с тем, что разные браузеры по-разному реагируют на padding и соответственно по-разному считают размеры блоков.

В этом посте попробую разобраться с этой проблемой.

Разберем пример. Нам необходимо получить блок размером 400px на 50px. Для этого пишем следующий HTML-код:

<div style=»width: 400px; height: 50px;»>Содержимое блока</div>

Читать дальше »

Коды символов кириллицы и латиницы

HTML, Интересное

Теги : , ,

Недавно столкнулся с проблемой. Захотел перевести на русский язык установленный у себя плагин для WordPress Peter’s Custom Anti-Spam Image (анти-спам защита комментариев).

Перевел, что называется… вместо русского текста квадратики 🙂 Ну все, в принципе, ясно, блог работает в кодировке UTF-8, а плагин отдает текст в кодировке windows-1251. Долго за решением ходить не стал, к тому же мне всего-то надо было перевести фразу «Anti-spam word (required)».

Нашел в интернете коды русских символов и просто написал фразу, которая мне нужна этими кодами. Нужно было «Введите слово на картинке (обязательно)», получилось…

Читать дальше »

Устраняем ошибки верстки… FireBug

Обзор софта

Теги : , , , , , ,

FireBug

Иногда в процессе верстки возникают, так называемые «баги» отображения под разными браузерами. Если код, в котором необходимо разобраться, чужой, то возникают некоторые проблемы с его пониманием… так сходу ошибку и не увидишь. Да и, признаться, в своём коде частенько баги исправить оказывается не так просто. На мой взгляд отличным решением для исправления ошибок под FireFox является плагин, который называется FireBug.

Читать дальше »

Избавляемся от избыточного кода

CSS, HTML

Теги : , , ,

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

Появление избыточного кода часто сопряжено с чрезмерным употреблением тегов разметки, их атрибутов, а также неправильным применением css-стилей. Специалистам в области оптимизации и продвижения сайтов известно, что избыточный код является большой проблемой для индексации сайта. Также затрудняется само понимание кода программистами, верстальщиками и, зачастую, самими авторами… да и весит такой код гораздо больше.

Сперва разберемся с источниками избыточного кода. Всем нам известно, что существует множество программ, позволяющих верстать сайты визуально. К ним можно отнести Dreamweaver, FrontPage… что там говорить… даже Word умеет это делать. Приведу простой пример… из любимого Word 🙂 .

Читать дальше »

Что делать с футером

CSS, HTML, Интересное

Теги : , , ,

Нередко, мне дают задание на верстку дизайна, и в техническом задании указывают, что футер сайта всегда должен быть привязан к низу. Оно и правильно… не очень красиво смотрится, когда на сайте мало контента, и футер съезжает вверх. Не знаю как у кого, но у меня несколько раз возникали с этим проблемы.

В этом посте хочу рассказать о том, как решить эту проблему, чтобы все было красиво, валидно и кроссбраузерно. Сейчас верстаю шаблоны в основном используя описанный метод.

Читать дальше »