04
Я думаю многие встречались с проблемой использования внутренних отступов в верстке. Связано это с тем, что разные браузеры по-разному реагируют на padding и соответственно по-разному считают размеры блоков.
В этом посте попробую разобраться с этой проблемой.
Разберем пример. Нам необходимо получить блок размером 400px на 50px. Для этого пишем следующий HTML-код:
<div style=»width: 400px; height: 50px;»>Содержимое блока</div>
31
Недавно столкнулся с проблемой. Захотел перевести на русский язык установленный у себя плагин для WordPress Peter’s Custom Anti-Spam Image (анти-спам защита комментариев).
Перевел, что называется… вместо русского текста квадратики 🙂 Ну все, в принципе, ясно, блог работает в кодировке UTF-8, а плагин отдает текст в кодировке windows-1251. Долго за решением ходить не стал, к тому же мне всего-то надо было перевести фразу «Anti-spam word (required)».
Нашел в интернете коды русских символов и просто написал фразу, которая мне нужна этими кодами. Нужно было «Введите слово на картинке (обязательно)», получилось…
29
Иногда в процессе верстки возникают, так называемые «баги» отображения под разными браузерами. Если код, в котором необходимо разобраться, чужой, то возникают некоторые проблемы с его пониманием… так сходу ошибку и не увидишь. Да и, признаться, в своём коде частенько баги исправить оказывается не так просто. На мой взгляд отличным решением для исправления ошибок под FireFox является плагин, который называется FireBug.
Сегодня хочу поговорить об избыточном коде верстки, его источниках, проблемах и устранении.
Появление избыточного кода часто сопряжено с чрезмерным употреблением тегов разметки, их атрибутов, а также неправильным применением css-стилей. Специалистам в области оптимизации и продвижения сайтов известно, что избыточный код является большой проблемой для индексации сайта. Также затрудняется само понимание кода программистами, верстальщиками и, зачастую, самими авторами… да и весит такой код гораздо больше.
Сперва разберемся с источниками избыточного кода. Всем нам известно, что существует множество программ, позволяющих верстать сайты визуально. К ним можно отнести Dreamweaver, FrontPage… что там говорить… даже Word умеет это делать. Приведу простой пример… из любимого Word 🙂 .
27
Нередко, мне дают задание на верстку дизайна, и в техническом задании указывают, что футер сайта всегда должен быть привязан к низу. Оно и правильно… не очень красиво смотрится, когда на сайте мало контента, и футер съезжает вверх. Не знаю как у кого, но у меня несколько раз возникали с этим проблемы.
В этом посте хочу рассказать о том, как решить эту проблему, чтобы все было красиво, валидно и кроссбраузерно. Сейчас верстаю шаблоны в основном используя описанный метод.
