Blueprint CSS: showgrid не работает

Я только начал с Blueprint css. Я пытаюсь использовать класс showgrid, но он не показывает мне сетку на экране. Ниже приведен код. Пожалуйста, дайте мне знать, если я что-то упустил.

 <html>
 <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />  
    <title> Book Haven</title>
    <link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
    <link rel="stylesheet" href="blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection" /> 
    <link rel="stylesheet" href="blueprint/src/grid.css" type="text/css">


    </head>

      <body>
    <div class="container showgrid">
        <div id="header" class="span-24 last">
            <h1 id="book_haven"><img src="bookicon.png" alt="Book header image" id="header-image" /> </h1>
        </div>
        <hr />


     </div>


css blueprint-css
person Vinoth Kumar C M    schedule 28.04.2011    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Я вижу много подкаталогов в вашем каталоге blueprint/. Вы уверены, что правильно включаете все файлы?

Последнее, что нужно проверить, это где находится файл grid.png. Как описано в строке 22 файла grid.css, файл должен находиться в каталоге src/

person Cristian    schedule 28.04.2011
comment
Ага. все кажется хорошо. Не уверен, в чем проблема. - person Vinoth Kumar C M; 28.04.2011
comment
попробуйте проверить с помощью firebug, действительно ли элемент showgrid загружает конкретное правило файла grid.css. - person Cristian; 28.04.2011
comment
одно сомнение. Когда страница загружается, будет ли нажатие на вкладку css в firebug отображать все загруженные файлы css? - person Vinoth Kumar C M; 28.04.2011
comment
да... чтобы проверить одно конкретное правило, если оно загружено или нет, щелкните правой кнопкой мыши свой элемент и выберите «Проверить элемент» (на английском языке), в правом нижнем углу, если вы видите строку showgrid в grid.css, поэтому он в настоящее время загружен . В противном случае нет. - person Cristian; 28.04.2011
comment
На самом деле, он его загрузил. Я нажал на вкладку css. там появляется grid.css. - person Vinoth Kumar C M; 28.04.2011

arrow_upward
1
arrow_downward

Загрузите http://github.com/joshuaclayton/blueprint-css/zipball/master и скопируйте папку с чертежами.

CSS class showgrid использует файл blueprint/src/grid.png

person Sarma    schedule 10.07.2011