Ошибка ссылки CSS на HTML - PullRequest
Новая
       6

Ошибка ссылки CSS на HTML

0 голосов
/ 18 января 2012

Я не могу связать внешний CSS-файл с HTML

Файл HTML находится в папке "header", в этой папке также находится файл css header.css.

Вот код CSS: 

@charset "UTF-8";

h1 {
    font-size: 250%;
}

Вот HTML: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="header.css" />
        <title> <?php echo $title; ?> </title>
    </head>
    <body>
        <h1> <?php echo $header; ?> </h1>
        <div id = 'myOrgButton'>
            <form method="post" action="../../controllers/MyOrganisation">
                <input type="submit" value="My Organisation" />
            </form>
        </div>
        <div id = 'logoutButton'>
            <form method="post" action="../../controllers/<?php echo $action; ?>">
                <input type="submit" value="<?php echo $action; ?>" />
            </form>
        </div>
        <hr/>

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

Когда CSS встроен в HTML с тегом, он работает отлично, поэтому я думаю, что проблема со ссылками.

Обновление
Я добавил полный HTML-код.

1 Ответ

2 голосов
/ 18 января 2012

Поскольку это представление воспламенителя кода, путь файловой системы к этой папке, вероятно, не совпадает с путем URL.Прежде всего, вам нужно поместить его в папку, доступную через http.Я не знаком с реализацией этого в Code Igniter, но у вас должна быть папка «media» или «assets», куда вы помещаете все свои CSS и статические изображения.Затем вы должны сделать <link> href относительно домена.

Итак, если ваша структура папок выглядит так и ваша папка "assets" находится в корне: 

assets/
  images/
  css/
    header.css

Ваш CSS-код должен выглядеть следующим образом: 

<link rel="stylesheet" type="text/css" href="/assets/css/header.css" />
...