Комментарии К Первой Книге о Блочной Верстке

10.03
2008

Рубрики: Мои книги |

Привет! По горячим следам, так сказать, решил я прокомментировать некоторые моменты из моей первой книги о блочной верстке. Судя по отзывам, книга оказалась весьма востребованной, и это несомненно радует. :)

Но вместе с тем у кого-то могут возникать и таки возникают накладки, и сверстанная страница работает не совсем корректно. Особенно часто задают вопросы по Internet Explorer. Разобрав несколько макетов читателей, я вывел наиболее частые ошибки, которые возникают при верстке. А IE, как известно, очень требователен к чистоте кода.

Итак, разберем по-порядку.

1. Наиболее распространенная ошибка увы происходит из-за невнимательности. Где-то забыли в листе стилей CSS двоеточие, либо закрывающую скобку — и все! Код уже не работает. Это все равно что прикрутить к машине три колеса, а про четвертое забыть. В результате машина не поедет.

Чтобы убедиться в правильности кода, можно воспользоваться, например, специальным плагином в браузере FireFox, или отправить файл на проверку в http://jigsaw.w3.org/. Там робот проверит что вы наваяли в листе стилей и выдаст кучу грозных предупреждений об ошибках. Но самое главное — выдаст также и ПРАВИЛЬНЫЙ код. Весьма удобная штука. Хотя, конечно, если вы забыли прописать целый кусок правил, то он за вас его не напишет. Только исправит то, что есть.

Если вы набираете код в том самом редакторе для программистов, который я рекомендую на страницах книги (PSPad), то уже в нем по цвету кода можно определить все ли верно записано. Если какое-то слово выделено ярко-красным или, например, правило вида #header выглядит по цвету отличным от других похожих правил, то проверьте это место дважды. Наверняка где-то пропущена скобка, двоеточие, точка, решетка или слово написано с ошибками.

2. Часто возникает вопрос, почему Internet Explorer не отображает какой-то фон — в шапке или в менюшке — не суть важно. Я не даром рекомендую в книге не копировать код методом копипастинга (скопировал-вставил), потому что при этом часто теряются какие-то кусочки кода. Вот и в данном случае код был явно скопирован, и строка правила для фона стала выглядеть примерно так:

background: #fff url(images/bg.gif)no-repeat;

В чем тут ошибка? Ведь на первый взгляд все написано правильно. Ошибка в отсутствии пробела между закрывающей скобкой адреса рисунка и словом no-repeat. Опера сможет правильно прочитать такой код, а вот IE — нет. Поэтому строка должна выглядеть следующим образом:

background: #fff url(images/bg.gif) no-repeat;

На этом пока все. Будут еще вопросы — смело стучите в асю, даже если меня там нет. Как появлюсь, обязательно всем отвечу.

Комментарии

Комментарии (5) на запись “Комментарии К Первой Книге о Блочной Верстке”

  1. Di 15.03.2008 20:09

    А плагин к FireFox, как я понимаю, имеется в виду Firebug (http://www.getfirebug.com/) ?)
    Кстати очень удобная штука, в ней удобно смотреть чужие сайты и уяснять, как-что там у них работает.)

  2. Kventor 15.03.2008 21:44

    Да, верно! К тому же позволяет исправлять ошибки на лету.

  3. btl 17.03.2008 22:43

    Надо будет попробовать этот плагин. Видимо полезная очень штука!

  4. Антон 24.05.2008 21:31

    Спасибо за книжку! неужто вторая будет платной)?
    а теперь соственно вопрос, не совсем по теме.
    Мне оч нравиться меню на сайте _www.fantesca.com.
    скачал сайт, но никак не могу его воспроизвести, посоветуйте пожалуйста, ресурс или книгу, в которой были бы описаны тонкости создания подобной навигации средствами css . заранее спасибо!

  5. Kventor 25.05.2008 13:01

    2 Антон: О второй книге пока ничего не скажу, ибо в процессе. Что касается указанного сайта, то:

    No site configured at this address

Трэкбеки

Оставить комментарий