Подключение стилей по относительному пути
Добавил на свой сайт точку входа через index.php, который лежит в /www
Остальные файлы сайта лежат в папках на одном уровне с /www, стили лежат там же (/styles).
Как указать путь к стилям в файлах с вёрсткой, чтоб они стали видимыми?
Пробовал так:
link rel="stylesheet" href="../styles/main.css">
И ничего не вышло.
Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Сохранение по относительному пути
Добрый день. Прошу форумчане помогите разобраться со скриптом Стоит задача в макросе сохранять.
Создание папок по относительному пути
Делаю простой текстовый квест на Java, разбираюсь с хранением настроек в файле. В теории.
Загрузка картинки в image по относительному пути
Есть image в который нужно загрузить картинку из папки images,файл у меня называется так же как и.
Создание файла по указанному относительному пути
есть кусок кода, он работает, создает файл "Set.txt" Procedure Create() If CreateFile(0.
59 / 22 / 12
Регистрация: 30.05.2017
Сообщений: 73
Если «styles» и «www» — соседние папки, то написано верно. Попробуйте проверить, может где в пути ошибка в одну-две буквы закралась, например папка не «styles», а «style» называется.
п.с. Да, еще желательно атрибут type указываеть (но браузер без него должен прочитать):
link href="../styles/main.css" rel="stylesheet" type="text/css">
Регистрация: 29.01.2017
Сообщений: 83
Всё проверено раз сто
всё равно этот вариант не работает 🙁
3824 / 2674 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
Сообщение от Ares111 
желательно атрибут type указывать
Это не так. В HTML5 type=»text/css» и пользуется по умолчанию для rel=»stylesheet». Поэтому, нет никакого смысла указывать его/
DrankUser, что пишет консоль? Кэш чистили?
59 / 22 / 12
Регистрация: 30.05.2017
Сообщений: 73
Ну может выложите код html и css глянуть, а то не совсем понятно почему не работает
Регистрация: 29.01.2017
Сообщений: 83
У меня проект, в папке www лежит index.php
в соседней папке styles находится main.css
вот код из файла template.php из папки views, которая тоже на том же уровне
link rel="stylesheet" href="../styles/main.css">
Если я перекину папку styles внутрь www и уберу точки в начале, то всё работает.
Добавлено через 10 минут
И да, я чистил кэш
59 / 22 / 12
Регистрация: 30.05.2017
Сообщений: 73
Сообщение было отмечено mrtoxas как решение
Решение
Эм.. похоже ваш хостер настроил права доступа таким образом, что все файлы сайта должны лежать только внутри папки «www»
Регистрация: 29.01.2017
Сообщений: 83
И снова мимо)
Ибо сервер у меня поднят собственными руками, причём на локалхосте
В коде php присоединение файлов таким образом работает, короче, работает всё, КРОМЕ этого чёртового CSS
Я уже и не знаю что вообще может быть не так
3824 / 2674 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
1.Зайдите в инструменты разработчика, вкладка Консоль и посмотрите какую ошибку вам выдает по поводу стилей.
2. Попробуйте переименовать ваш файл стилей
3. Скопируйте нужные директории на компьютер,, запустите и посмотрите подключились ли стили. Если нет, тогда все это заворачивайте в архив и прикрепляйте к сообщению.
Регистрация: 29.01.2017
Сообщений: 83
Короче, я создал отдельно файлы html и css, первый просто с body и подключением стиля, второй с окраской body в красный, ну в общем тестовый вариант.
По папкам раскидал как на своём сервере.
Теперь итог:
1. Консоль я так и не понял что должна сделать, в хроме она пуста
2. Запуск файла html с компа красит его в красный
3. Запуск этого же файла через сервер не делает ничего.
Добавлено через 15 минут
И ещё я заметил одну прикольную штуку
Если в линке указать относительный путь ../styles/main.ccs, а саму папку положить в www, то стили будут подгружаться
Регистрация: 29.01.2017
Сообщений: 83
Узнал в чём моя проблема.
Папка www у меня является DOCUMENT_ROOT сервера, именно поэтому невозможно было получить CSS и JS файлы из других папок. PHP скриптов эта проблема не касается
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Как вставить по относительному пути
Есть код <Image x:Name="Im5d55" Source="Images/5d55.png" /> Но если он просто лежит в папке.
Как обратиться к каталогу по относительному пути
Здравствуйте. Есть исполняемый .jar файл, там есть относительные ссылки, например /Data/Labs/.
Найти абсолютный путь к файлу по относительному пути
Здравствуйте, надо автоматизировать рутинную работу, решил сделать это на python. В.
Как загрузить файл в TextBox по относительному пути
Имеется программа состоящая из нескольких форм. При открытии одной из форм в TextBox загружается и.
Форум
Страницы сайта состоят из модулей и компонентов.
Нужно подключить определённый CSS файл, к определённой странице.
Классы к которым будут применяться css свойства, используются и на других страницах, поэтому важно, чтобы css отрабатывал только на одной странице.
Изменить классы нет возможности, как и нет возможности подключить css файл в header.php
1) Как можно реализовать эту задачу?
2) Как можно для конкретной страницы подключить другой header.php в котором уже будет подключён этот файл?
3) Как прописать условие, на php? Если страница такая, подгружается такой-то css файл, иначе всё как обычно.
Сообщений: 407 Баллов: 61 Регистрация: 08.10.2014
26.04.2018 15:05:08
Ну так добавьте стиль именно на нужную вам страницу
Заглянувший
Сообщений: 16 Регистрация: 10.03.2018
26.04.2018 15:29:16
тест меседж
Заглянувший
Сообщений: 16 Регистрация: 10.03.2018
26.04.2018 16:47:01
Посмотрел, но не понял, где это нужно прописать? Можно подробнее?
Как задать страницу то?
Шаблон для всех страниц общий.
Если я там пропишу:
SetAdditionalCSS("/bitrix/templates/demo/additional.css"); ?>
то вероятно он будет использоваться для всех страниц
Заглянувший
Сообщений: 17 Баллов: 2 Регистрация: 11.09.2017
26.04.2018 17:21:30
А что мешает даже в общий шаблон поставить условие конкретного адреса? Если совпало, то выводить
Заглянувший
Сообщений: 16 Регистрация: 10.03.2018
26.04.2018 20:06:26
| Цитата |
|---|
| Максим Власов написал: А что мешает даже в общий шаблон поставить условие конкретного адреса? Если совпало, то выводить |
И для кого я всё расписываю..
Заглянувший
Сообщений: 17 Баллов: 2 Регистрация: 11.09.2017
26.04.2018 22:13:43
| Цитата |
|---|
| Максим Власов написал: А что мешает даже в общий шаблон поставить условие конкретного адреса? Если совпало, то выводить |
Не вижу противоречий. Даже если шаблон общий, то в хедере можно поставить условие. что если адрес совпадает с нужным, то подключить нужный стиль. В чем проблема-то? Проблематично составить условие?
if($APPLICATION->GetCurPage() == 'path/to/need/page') $APPLICATION->SetAdditionalCSS("/bitrix/templates/demo/additional.css");
Заглянувший
Сообщений: 16 Регистрация: 10.03.2018
26.04.2018 22:29:11
| Цитата |
|---|
| Максим Власов написал: А что мешает даже в общий шаблон поставить условие конкретного адреса? Если совпало, то выводить |
Не вижу противоречий. Даже если шаблон общий, то в хедере можно поставить условие. что если адрес совпадает с нужным, то подключить нужный стиль. В чем проблема-то? Проблематично составить условие?
if ( $APPLICATION ->GetCurPage() == 'path/to/need/page' ) $APPLICATION ->SetAdditionalCSS( "/bitrix/templates/demo/additional.css" );
Во-первых — да
Во-вторых — спасибо!)))
Только видимо условие дописано не до конца, как правильно закончить будет?
Типа если стр такая, то подгрузит этот css, иначе подгружаем обычный.
А то он опять на всех страницах отрабатывает почему-то.
Заглянувший
Сообщений: 16 Регистрация: 10.03.2018
26.04.2018 23:19:31
Я в битриксе 0, так что буду описывать всё что сделал. В head вставил строки
GetCurPage() == 'http://site.ru/salut_speceffecti/nazemnye-feyerverki/'); $APPLICATION->SetAdditionalCSS("/bitrix/css/rscss/rsnazemfeerverk.css"); ?>
Файл css подгрузился
Но и работает для всех страниц..
Постоянный посетитель
Сообщений: 93 Баллов: 19 Регистрация: 20.09.2016
26.04.2018 23:29:32
GetCurPage() == '/salut_speceffecti/nazemnye-feyerverki/') < $APPLICATION->SetAdditionalCSS("/bitrix/css/rscss/rsnazemfeerverk.css"); > ?>
Страницы: 1 2 След.
Центр поддержки
Продукты
Управление сайтом
Битрикс24
Интернет-магазин + CRM
Решения
Для интернет-магазинов
Каталог готовых решений
Внедрение
Выбрать партнера
Проверить партнера
Стать партнером
1С-Битрикс http://www.1c-bitrix.ru Общие вопросы info@1c-bitrix.ru Приобретение и лицензирование продуктов : sales@1c-bitrix.ru Маркетинг/мероприятия/PR marketing@1c-bitrix.ru Партнерская программа partners@1c-bitrix.ru Мы работаем с 10:00 до 19:00 по московскому времени. Офис в Москве 127287 Россия Московская область Москва 2-я Хуторская улица дом 38А строение 9 Офис в Калининграде +7 (4012) 51-05-64 Офис в Калининграде 236001 Россия Калининградская область Калининград Московский проспект 261 Офис в Киеве ukraine@1c-bitrix.ru Телефон в Киеве +3 (8044)221-55-33 Офис в Киеве 01033 Украина Калининградская область Киев улица Шота Руставели 39/41 офис 1507
© 2001-2023 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом. Политика конфиденциальности
apt.ru
Timeweb — компания, которая размещает проекты клиентов в Интернете, регистрирует адреса сайтов и предоставляет аренду виртуальных и физических серверов. Разместите свой сайт в Сети — расскажите миру о себе!
Виртуальный хостинг
Быстрая загрузка вашего сайта, бесплатное доменное имя, SSL-сертификат и почта. Первоклассная круглосуточная поддержка.
от 196 руб руб. / мес
Аренда VDS и VPS
Виртуальные серверы с почасовой оплатой. Меняйте конфигурацию сервера в любой момент и в пару кликов.
Общие сведения о каскадных таблицах стилей
Изучите этот раздел, чтобы узнать основные понятия CSS: правила CSS, селекторы, наследование и т. д. Кроме того узнаете о том, как CSS можно связать с веб-страницами в Dreamweaver.
Сведения о каскадных таблицах стилей
Каскадные таблицы стилей (CSS) — это набор правил форматирования, определяющих отображение содержимого на веб-странице. При форматировании страницы с помощью стилей CSS собственно содержимое страницы разделяется с представлением содержимого. Содержимое страницы (HTML-код) располагается в HTML-файле, а правила CSS, определяющие представление кода, располагаются в другом файле (внешней таблице стилей) или в другой части HTML-документа (обычно в заголовке). Разделение содержимого и его представления значительно облегчает управление внешним видом сайта из единого центра. При необходимости внести изменение не нужно обновлять каждое свойство на каждой странице. Разделение содержимого и его представления также делает HTML-код более простым и аккуратным. Это значительно сокращает время загрузки страницы браузером и облегчает навигацию для посетителей, использующих специальные возможности (например, для тех, кто использует программы для чтения с экрана).
CSS позволяет очень гибко контролировать точный внешний вид страницы. С помощью CSS задаются свойства текста, в том числе специальные шрифты, размеры шрифтов, жирный текст, курсив, подчеркивание, тени, цвет текста и фона, цвет ссылок, подчеркивание ссылок и многие другие. Использование CSS для управления шрифтами обеспечивает единообразное представление макета и внешнего вида страницы в разных браузерах.
Каскадные таблицы стилей также могут использоваться для форматирования и расположения блоков на веб-странице. Блоковым элементом называется автономная часть содержимого, обычно отделенная новой линией в HTML и представленная внешне как блок. Например, теги h1 , p и Div отделяют блоки веб-страницы. Для блоковых элементов можно задавать поля и границы, определять их местоположение, добавлять цвет фона, задавать свойства обтекания текста и т. д. Управление блоками — это основополагающий момент макетирования страницы с помощью CSS.
Сведения о правилах CSS
Правило форматирования CSS состоит из двух частей — селектора и объявления (или в большинстве случаев блока объявлений). Селектором является термин (например, p , h1 , имя или идентификатор класса), который определяет форматируемый элемент, а блок объявлений задает свойства стиля. В следующем примере h1 является селектором, а все, что заключено в фигурные скобки ( <> ), является блоком объявлений.
Объявление свойства состоит из двух частей: свойство (например, font-family ) и значение (например, Helvetica ). Указанное выше правило CSS задает стиль для тегов h1 : текст, заданный тегами h1 , связанными с данным стилем, будет отображен размером 16 пикселов жирным шрифтом Helvetica.
Стиль (определяется правилом или набором правил) располагается отдельно от собственно форматируемого текста, обычно во внешней таблице стилей или в заголовке HTML-документа. Таким образом, однажды заданное правило для тегов h1 может применяться одновременно к нескольким тегам (а в случае существования внешней таблицы стилей — к нескольким тегам на разных страницах одновременно). С использованием каскадных таблиц стилей обновление форматирования становится предельно легким. При обновлении CSS-правила в одном месте форматирование всех элементов с заданным им стилем будет автоматически обновлено.