CSS в HTML ссылки ошибка

я не могу связать внешний файл CSS в HTMLCSS в HTML ссылки ошибка

файл HTML находится в папке «заголовок», CSS файл header.css также находится в этой папке.

Heres код 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, что я загружается из контроллера. Я пробовал определять абсолютный путь, помещая css в разные папки, ничего не работает.

Когда css встроен в html с тегом, он отлично работает, поэтому я думаю, что проблема связана со связью.

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

источник

2012-01-17 Vasja Harujko

вы ожидаете в H1 показать в названии? – webdad3

Вы проверили разрешения CSS-файла на сервере? Возможно, никто не может его прочитать. Кроме того, используйте Firebug/Web Inspector, чтобы проверить консоль, чтобы узнать, получаете ли вы 404 в файле CSS. – Mark

Когда я изучаю вкладку CSS в firebug, никаких правил не существует. На вкладке HTML, когда я пытаюсь развернуть ссылку: я получаю 404, что это может означать? –

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

Таким образом, если структура папок выглядит, как это и ваша папка «активы» в корне:

assets/ 
    images/ 
    css/ 
    header.css

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

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

источник

2012-01-17 20:43:22 mbxtr

попробовал это, не работал –

вы были правы, только ссылка должна была быть «assets/css/header.css» Работала отлично сейчас –

CSS в HTML ссылки ошибка

ответ

Смежные вопросы