X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как подключить таблицу стилей в HTML 5
Agasfer
Agasfer
Topic Starter сообщение 20.8.2012, 16:38; Ответить: Agasfer
Сообщение #1


Плиз, подскажите как в HTML5 подключается внешняя таблица стилей?
Есть следующий код:

<!doctype html>
<html>
<head>
<title>Заголовок</title>
<link rel="stylesheet" href="menu/css.css">
</head>
<body>
<div class=header>проверка валидности</div>
</body>
</html>


Файл css.css выглядит как:

/*новые стили*/
.header {
    background: none repeat scroll 0 0 #434141;
    width: 1000px; height: 93px;
    margin: 0 auto;
}



В IE8 всё работает корректно, в Мозиле и Хроме стили не работают.
Если убрать строку "<!doctype html>" всё работает как надо, но мне-то надо html5.
В чём может быть проблема?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 20.8.2012, 16:43; Ответить: sc2r2bey
Сообщение #2


так же как и в других стандартах <link rel="stylesheet" href="lion.css">
проверь путь


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agasfer
Agasfer
Topic Starter сообщение 20.8.2012, 17:00; Ответить: Agasfer
Сообщение #3


Путь соответствует.
Если убрать строку "<!doctype html>" всё работает.
Вот живой пример на сайте: http://test.injournal.ru/test1.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 20.8.2012, 17:21; Ответить: sc2r2bey
Сообщение #4


Семен Семеныч, не рано перешли на html5 вы знаете, что не все браузеры поддерживают его, например IE8 и ниже нет,
для этого надо в <head> перед подключением таблицы стилей необходимо сделать следующее, вставить код:
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->


http://htmlbook.ru/s...tml5/novye-tegi

а новым тегам присвоить свойство display:block;

а что должно получиться, я и в других браузерах ничего не увидел, что это? background: none repeat scroll 00#434141;
не пойму зачем этому коду необходим html5 тут нет ничего из него, кроме doctype он то и топит тебя


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agasfer
Agasfer
Topic Starter сообщение 20.8.2012, 17:31; Ответить: Agasfer
Сообщение #5


Я полагал Хром последней версии его поддерживает. И мозила тоже.

Вот как корректно работают стили http://test.injournal.ru/test2.html .

Файл идентичен http://test.injournal.ru/test1.html за исключением первой строчки с объявлением html5.

Вопрос: почему? Исследуемые браузеры Хром и Фаерфокс, ИЕ8 я привёл всего лишь в качестве примера корректного отображения.

а новым тегам присвоить свойство display:block;


div блоковый по умолчанию, я уже упростил до безумия, не в том дело. :)
Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 20.8.2012, 17:44; Ответить: sc2r2bey
Сообщение #6


что ты хочешь, я тебе написал как решить проблему?


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 20.8.2012, 17:46; Ответить: matroskin8
Сообщение #7


[member=Agasfer], Вас в коде документа не смущает этот момент?:
<!doctype html>
<html>
...

Мне кажется, что один тег HTML - лишний.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agasfer
Agasfer
Topic Starter сообщение 20.8.2012, 18:01; Ответить: Agasfer
Сообщение #8


Нет, нифига не работает :)
http://test.injournal.ru/test1.html

<!doctype html>
<html>
<head>
<title>Заголовок</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="menu/css.css">
</head>
<body>
<div class="header">проверка валидности</div>
</body>
</html>





[member=Agasfer], Вас в коде документа не смущает этот момент?:
...

Мне кажется, что один тег HTML - лишний.


первый тег объявляет html 5, второй открывает тело документа

http://htmlbook.ru/s.../struktura-koda
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 20.8.2012, 18:40; Ответить: sc2r2bey
Сообщение #9


убери /*новые стили*/ и поставь <!DOCTYPE html> вместо <!doctype html>, ну и кодировка не помешает

вот смотри я сделал:
Прикрепленный файл  Desktop1.zip ( 800 байт ) Кол-во скачиваний: 142
Прикрепленный файл  Desktop2.zip ( 804 байт ) Кол-во скачиваний: 146


все работает
первый как у тебя, второй чистый html5


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Agasfer
Agasfer
Topic Starter сообщение 20.8.2012, 20:28; Ответить: Agasfer
Сообщение #10


Спасибо, вложение помогло.
Когда один и тот же код в архиве работал, а на сервере нет - стал в настройках разбираться.
Проблему вызывало, что расширение .css было прописано в AddType application/x-httpd-php в .htaccess
У меня изначально таблица стилей через php генерировалась. и он, соответственно Content-typy: text/html для таблицы стилей отдавал. В старом html всё работало, в пятом перестало.

вылечилось добавлением php-кода и заголовка text/css в таблицу стилей.

<!--?php
header('Content-Type: text/css');
print'
.header {
    background: none repeat scroll 0 0 #434141;
    width: 1000px; height: 93px;
    margin: 0 auto;
}';
?-->
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 28828 Вчера, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1116 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2280 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3635 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 14:16
Дизайн