Форум PHP программистов > Пожалуйта, помогите подключить css-файл

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Пожалуйта, помогите подключить css-файл

pretty_xai

21.06.2012 - 10:14

Вот есть такие строки в index.php


$dir = (dirname(__FILE__));
<link rel="stylesheet" type="text/css" href="<?php echo $dir; ?>/../css/style.css" media="screen" />

дело в том, что в Internet Explorer работает а в Firefox не отображаются стили.....Помогите пожалуйста разобраться!!В чем ошибка???

Спустя 51 минута, 4 секунды (21.06.2012 - 10:05) medvedeva написал(а):

Должен работать. На рабочем примере продемонстрируйте, пожалуйста.

Спустя 42 минуты, 34 секунды (21.06.2012 - 10:47) pretty_xai написал(а):

Пробовала двумя вариантами подключать

1 вариант

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />

При таком варианте работает и в Internet Explorer и в Firefox, но тогда возникают трудности с подключением файла css в файлы, которые находятся во вложеных каталогах

2 вариант

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="<?php echo $dir; ?>/../css/style.css" media="screen" />

При таком варианте в IE работает замечательно (даже во вложенных файлах), а вот в Firefox не отображаются стили даже на index.php

Спустя 52 секунды (21.06.2012 - 10:48) pretty_xai написал(а):

А вот пример FF

Спустя 6 минут, 24 секунды (21.06.2012 - 10:55) sergeiss написал(а):

Покажи готовый код страницы, как он у тебя в браузере получается - в тех случаях, когда не работает подключение стиля. Скорее всего, там просто ошибка какая-то в переменной $dir. Но лучше не ломать голову, а взять готовый результат, посмотреть на него и подумать.

Спустя 3 минуты, 9 секунд (21.06.2012 - 10:58) medvedeva написал(а):

Цитата (pretty_xai @ 21.06.2012 - 07:47)

но тогда возникают трудности с подключением файла css в файлы, которые находятся во вложеных каталогах

Указывайте путь так, href="/css/style.css", и проблем не будет, css директория должна при этом находиться в корне, если не в корне, указывайте так href="/путь/до/директории/относительно/корневой/директории/домена/css/style.css"

Спустя 4 минуты, 12 секунд (21.06.2012 - 11:02) pretty_xai написал(а):

Цитата (sergeiss @ 21.06.2012 - 07:55)

Покажи готовый код страницы, как он у тебя в браузере получается

Вот исходный html-код странице в FF




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Электронный журнал </title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="Z:\home\localhost\www\zhurnal\inc/../css/style.css" media="screen" />      
</head>

Спустя 2 минуты, 13 секунд (21.06.2012 - 11:04) varvar написал(а):


$sec=count(explode("/",$_SERVER['REQUEST_URI']))-2;
$rel="";
for($cnt=0;$cnt<$sec;$cnt++) $rel.="../";
?>
<link rel="stylesheet" type="text/css" href="<?=$rel?>css/style.css" media="screen" /> 
<?

Спустя 3 минуты, 22 секунды (21.06.2012 - 11:07) pretty_xai написал(а):

Цитата (medvedeva @ 21.06.2012 - 07:58)

Указывайте путь так, href="/css/style.css", и проблем не будет, css директория должна при этом находиться в корне

Да, css- директория находится в корне....Но когда я написала

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />

css пересал отображаться вообще(ни в IE ни вFF )

Спустя 4 минуты, 20 секунд (21.06.2012 - 11:12) sergeiss написал(а):

Цитата (varvar @ 21.06.2012 - 12:04)

$sec=count(explode("/",$_SERVER['REQUEST_URI']))-2;
$rel="";
for($cnt=0;$cnt<$sec;$cnt++) $rel.="../";

А зачем "изобретать велосипед"???

$info=pathinfo( $_SERVER['REQUEST_URI'] )
echo $info['dirname'];

Можно для другого файла определить его место.

Спустя 41 секунда (21.06.2012 - 11:12) pretty_xai написал(а):

Цитата (varvar @ 21.06.2012 - 08:04)


$sec=count(explode("/",$_SERVER['REQUEST_URI']))-2;
$rel="";
for($cnt=0;$cnt<$sec;$cnt++) $rel.="../";
?>
<link rel="stylesheet" type="text/css" href="<?=$rel?>css/style.css" media="screen" /> 
<?

К сожалению Ваш код не отображает сss ни в IE ни в FF... :huh: :(

Спустя 6 минут, 17 секунд (21.06.2012 - 11:19) medvedeva написал(а):

Цитата (pretty_xai @ 21.06.2012 - 08:07)

Да, css- директория находится в корне....Но когда я написала

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />

css пересал отображаться вообще(ни в IE ни вFF )

href="Z:\home\localhost\www\zhurnal\inc/../css/style.css"

Ужс)) http://www.hostinger.ru - бесплатный хостинг для тестирования.

Боюсь дело в том, что косые в разные стороны направлены, один браузер понимает это, другой не понимает.

Спустя 4 минуты, 4 секунды (21.06.2012 - 11:23) varvar написал(а):

Цитата

А зачем "изобретать велосипед"???

раз уж pretty_xai хочет подключить css по относительному линку, я дал пример как это сделать
а так, конечно, как уже написала выше medvedeva, можно просто дать абсолютный путь и не париться /css/style.css

pretty_xai

мой пример проверен, если у вас не работает, то ищите причину в чем то другом, по крайней мере с абсолютным путем должно было сработать 100%-тно

Спустя 2 минуты, 59 секунд (21.06.2012 - 11:26) medvedeva написал(а):

Цитата (varvar @ 21.06.2012 - 08:23)

можно просто дать абсолютный путь и не париться /css/style.css

Абсолютный путь Z:\home\localhost\www\zhurnal

Получится Z:\home\localhost\www\zhurnal/css/style.css

Спустя 6 минут, 16 секунд (21.06.2012 - 11:32) Денис777 написал(а):

Спустя 2 минуты, 35 секунд (21.06.2012 - 11:35) medvedeva написал(а):

Денис777,

Цитата (Денис777 @ 21.06.2012 - 08:32)

Цитата (pretty_xai @ 21.06.2012 - 08:07)

Спустя 1 минута, 44 секунды (21.06.2012 - 11:36) pretty_xai написал(а):

Помогите пожалуйста, что - то я совсем запуталась

Когда подключаю так

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />      
</head>

то нигде не отображает

Пробовала так

<link rel="stylesheet" type="text/css" href="Z:\home\localhost\www\zhurna\css\style.css" media="screen" />

тоже ничего нет

отображает только так

<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />

и то только на index.php

А вот так отображает только в IE

Z:\home\localhost\www\zhurnal/css/style.css smile.gif

Спустя 5 минут, 10 секунд (21.06.2012 - 11:42) medvedeva написал(а):

Цитата (pretty_xai @ 21.06.2012 - 08:36)

Когда подключаю так

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
</head>

то нигде не отображает

Этот же кусочек покажите из исходного кода страницы в браузере.

UPD:
"/zhurnal/css/style.css" так попробуйте

UPD2:
"http://localhost/zhurnal/css/style.css" так точно будет работать

Спустя 34 секунды (21.06.2012 - 11:42) varvar написал(а):

Цитата

Абсолютный путь Z:\home\localhost\www\zhurnal

Получится Z:\home\localhost\www\zhurnal/css/style.css

абсолютный путь обычно считается от DocumentRoot
таки пути (выше) вобще не будут работать, потому что веб-сервер всегда ищет документ/ресурс относительно DocumentRoot или относительно текущей папки (если нет первого слеша)

Спустя 34 минуты, 57 секунд (21.06.2012 - 12:17) pretty_xai написал(а):

Цитата

Цитата (pretty_xai @ 21.06.2012 - 08:36)
Когда подключаю так

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
</head>

то нигде не отображает

Этот же кусочек покажите из исходного кода страницы в браузере.

Вот

 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<title>Электронный журнал </title>
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />      
</head>

Может быть проблема связана с тем, что я top.php(в нем лежит подключение css) подключаю к index.php следующим образом

include (dirname(__FILE__)."/inc/top.php");

И спасибо вам всем огромное, что пытаетесь помочь!!!

Спустя 4 минуты, 37 секунд (21.06.2012 - 12:22) pretty_xai написал(а):

Цитата

UPD:
"/zhurnal/css/style.css" так попробуйте

СПАСИБО тебе огромное!!!!Так работает !!!Ура!!! Спасибо!!! Работает и в IE и в FF

Спустя 36 минут, 23 секунды (21.06.2012 - 12:58) medvedeva написал(а):

pretty_xai, заметила на скринах, что сайт лежит не в корне, а в директории /zhurnal/

Спустя 1 месяц, 5 дней, 23 часа, 26 минут, 13 секунд (27.07.2012 - 12:24) Гость_Анна написал(а):

Здравствуйте! Извините, что влезаю в тему, но у меня похожая проблема загрузила сайт на хостинг - все исказилось... нет ни картинок, ни шаблона - голый текст. Методом проб и ошибок пришла к выводу, что все дело в строчке <link href="css/style.css" rel="stylesheet" type="text/css">. Последний раз загрузила сайт на Hostinger, все файлы и папки сайта при загрузке находится в директории public_html - пробовала прописать путь <link href="public_html/css/style.css" rel="stylesheet" type="text/css"> - бесполезно. Вариант <link href="/css/style.css" rel="stylesheet" type="text/css">со солэшем перед css тоже пробовала. Что странно - при просмотре в браузере из папки с сайтом на компьютере с добавлением этого слэша шаблон тоже слетает, при загрузке на хостинг шаблон слетает и с добавлением слэша и без него.... Подскажите как быть? Как правильно прописать путь?

Спустя 19 минут, 18 секунд (27.07.2012 - 12:44) Nikitian написал(а):

Покажите сайт (можно в личку)

Спустя 24 минуты, 21 секунда (27.07.2012 - 13:08) Гость_Анна написал(а):

http://vaganty.16mb.com/

Спустя 3 минуты, 15 секунд (27.07.2012 - 13:11) NierRa написал(а):

Вот ваш путь судя по исходному коду:
<link href="/public_html/css/style.css" rel="stylesheet" type="text/css">>
Подправьте в исходнике и все. Ничего сложного быть не должно

Спустя 9 минут, 14 секунд (27.07.2012 - 13:20) Гость_Анна написал(а):

бесполезно(

Спустя 3 минуты, 21 секунда (27.07.2012 - 13:24) Winston написал(а):

Сразу после тега <head> пропиши

<base href="http://vaganty.16mb.com/" />

А потом подключай так

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

И еще папка css находится там же где и индексный файл?
mod_rewrite используется?

Спустя 1 минута, 20 секунд (27.07.2012 - 13:25) NierRa написал(а):

Уберите второй > в конце строки, как-то глаза режет

Давайте для примера...
Ваш путь:

<link href="/public_html/css/style.css" rel="stylesheet" type="text/css">

Путь на моем сайте

<link href="./css/main.css" rel="stylesheet" type="text/css" media="screen">

В файле у меня прописано:

<link href="./css/main.css" rel="stylesheet" type="text/css" media="screen">

Файл index.php находится как и у вас в public_html, а таблица стилей так же в папке Css

Попробуйте по аналогии и напишите результат

Спустя 9 минут, 45 секунд (27.07.2012 - 13:35) Winston написал(а):

И почему 2 тега <html> в коде?

Спустя 43 секунды (27.07.2012 - 13:36) NierRa написал(а):

Только что еще раз зашел на ваш сайт и заметил что есть успехи

Правда с изображениями еще не разобрались

Upd А вот через минуту опять проблемы

Спустя 4 минуты, 3 секунды (27.07.2012 - 13:40) Winston написал(а):

Нужно закрыть доступ к каталогу картинок http://vaganty.16mb.com/images/
либо через .htaccess либо в каталоге с картинками создать файл index.html с таким содержанием

Свернутый текст

<html>
<head>
	<title>403 Forbidden</title>
</head>
<body>

<p>Directory access is forbidden.</p>

</body>
</html>

Спустя 3 минуты, 35 секунд (27.07.2012 - 13:43) NierRa написал(а):

Таблица стилей тоже просматривается

http://vaganty.16mb.com/css/

Спустя 2 минуты, 21 секунда (27.07.2012 - 13:46) Nikitian написал(а):

Путь до файла стилей /css/style.css а не public_html/css/main.css и не /css/main.css

Спустя 2 минуты, 8 секунд (27.07.2012 - 13:48) Гость_Анна написал(а):

NierRa, извините за торможение, но я не поняла вашего примера. У меня главная страница не index.php a index.html - не знаю повлияет ли как-то это на результат, если воспользоваться примером. И что за директория в виде точки? Вы предлагали так прописать путь <link href="public_html/css/main.css" rel="stylesheet" type="text/css" media="screen">? Если да, то я попробовала - и это тоже, к сожалению, не помогло. Второго знака > там давно нет, он случайно закрался при многочисленных корректировках)

Спустя 2 минуты, 14 секунд (27.07.2012 - 13:50) Winston написал(а):

Цитата (Гость_Анна @ 27.07.2012 - 13:48)

но я не поняла вашего примера

Сделай так как я тебе написал, у тебя же работали стили, я видел

И посмотри, что тебе написал Nikitian

Спустя 2 минуты, 20 секунд (27.07.2012 - 13:52) Winston написал(а):

И еще, почему я могу видеть структуру каталога public_html? перейдя на страницу default.php?

Спустя 13 минут, 55 секунд (27.07.2012 - 14:06) NierRa написал(а):

Гость_Анна
Нет, я предлагал прописать путь не так, как вы поняли.
А в качестве примера просто привел строку из своих наработок

Спустя 7 минут, 35 секунд (27.07.2012 - 14:14) Гость_Анна написал(а):

В общем или я абсолютный кретин, или css мне просто не подвластны. Скорее первое канеш чем второе.... Последний раз я делала сайт лет 7 назад и css тогда не припомню, без них все отлично работало и отображалось.
В каталоге с картинками - это в папке images? Если да, то файл index.htm c содержанием
<html>
<head>
<title>403 Forbidden</title>
</head>
<body>
<p>Directory access is forbidden.</p>
</body>
</html>
я создала в папке images.
а в файле index в папке public.html у меня следующее содержание:
<html>
<head>

<meta http-equiv="Cоntent-Type" cоntent="text/html; charset=utf-8">
<title>САЙТ ВАГАНТЫ.РУ</title>
<meta name="description" content="Ваганты.ру">
<meta name="keywords" content="education, learning, teaching">
<link href="/css/style.css" rel="stylesheet" type="text/css" media="screen">
</head>.
Пожалуйста, умные люди, напишите где конкретно ошибка.
Почему я пожалела денег не покупку сайта....)))

Спустя 2 часа, 12 минут, 30 секунд (27.07.2012 - 16:26) Гость_Анна написал(а):

Спасибо за советы, в итоге я одолела этот сайт) строку с Css c вашей общей помощью переписала, а картинки отконвертировала в формат gif и заменила ссылки на картинки с новым расширением в хтмл и цсс файле. Итог - все отображается более менее нормально, осталось поправить все страницы, а то у меня пока руки только до главной дошли) Алилуйа)

Спустя 23 минуты, 8 секунд (27.07.2012 - 16:49) Гость_Анна написал(а):

А в эксплорере ни хрена не работает((( тока в гугл хроме((( не долго длилась моя радость, терь буду дальше разбираться - перечитывать тему с самого начала....

Спустя 1 час, 41 минута, 36 секунд (27.07.2012 - 18:31) NierRa написал(а):

Для того чтобы работало в IE врятли поможет перечитывание темы с начала. Есть такое понятие как кроссбраузность и IE поддерживает не все CSS свойства. Нужно импровизировать

Ссылки "Услуги и цены", "Авторы" - пути к картинкам прописано неверно. Исправьте

Спустя 18 часов, 23 минуты, 44 секунды (28.07.2012 - 12:55) Гость_Анна написал(а):

Все исправила, во всех браузерах работает нормально и ссылки прописала. Но почему-то не работают ссылки нижнего меню <div id="bottom_menu">. Прогуглила - решение проблемы не нашла. Короче мучиться с этим сайтом мне теперь долго)

Спустя 22 минуты, 44 секунды (28.07.2012 - 13:17) NierRa написал(а):

Напишите код, который у вас прописан для этих ссылок

Спустя 38 минут, 27 секунд (28.07.2012 - 13:56) Guest написал(а):

Спустя 1 минута, 20 секунд (28.07.2012 - 13:57) Гость_Анна написал(а):

Кроме первой ссылки на контакты я остальные даже не стала пока заполнять, т.к. ссылки нерабочие.

Спустя 19 минут, 28 секунд (28.07.2012 - 14:17) NierRa написал(а):

Ну так все верно...

<a href=""> или <a href="#"> - впишите нужный путь

Спустя 43 минуты (28.07.2012 - 15:00) Гость_Анна написал(а):

В первой ссылке на контакты путь вписан, но это все равно не помогает открыть ссылку. А в последующих смысла нет пока вписывать, пока не разберусь(

Быстрый ответ:

Здесь расположена полная версия этой страницы.