Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Есть ли разница где style.css в корне или в папке


Автор: nmc 28.10.2010, 23:12
Народ если style.css  в корне то картинки подтягиваются, но если css/style.css  (конечно путь  меняеться
 
Код

<link  rel="stylesheet" type="text/css"  href="сss/style.css"/>
.
То есть разница только в том что  style.css в корне папки сайта или в отдельном каталоге.
Изображения в отдельной папке(то есть не в корне конечно).

 smile 

Первый вариант работает второй нет   smile 

P.S. Блоки окрашиваться, то есть сам  style.css виден в обоих вариантах

Автор: bars80080 29.10.2010, 00:07
а где вопрос?

если вопрос в заголовке темы - то вы на него ответили




чтобы не заморачиваться что и где, пишите адреса абсолютные или хотя бы от корня. вот лежит картинка в папке folder/pic.jpg укажите ей адрес от корня:

/folder/pic.jpg

Автор: Mavrun 29.10.2010, 07:27
2nmc, вообще картинки через цсс файл ищутся  в зависимости от того, где расположен цсс файл.  два примера
1) каталог с сайтом, в котором лежит файл style.css и папка images, где все картинки лежат. тут в цсс-е урлы прописываются как images/image.jpg
2) каталог с сайтом, в котором лежит папка images (где картинки) и папка css (где файлы стилей). тут в цсс надо урлы задавать на директорию выше,  т.к. папка images лежит не в папке css. т.е. урлы должны иметь вид ../images/image.jpg

Автор: FightInGlory 29.10.2010, 09:13
Если у тебя есть папки css и image, то в css должен быть вот такой путь до картинки(background) ../images/название картинки.gif
если у тебя есть только папка images, а css в корне с index.html, то путь такой ./images/название картинки.gif
Разница в точках перед первым слешем.

Автор: ksnk 29.10.2010, 10:10
Чтобы относительно бескровно портировать всякие левые css из всяких левых примеров, придуман тег http://htmlbook.ru/html/base. Если его указать, то все относительные ссылки и в css в том числе, будут указывать в нужное место.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)