Путь к файлу в background-image: url
Я испробовал два — не работают. Если фоновый рисунок находится в одной папке с style.css и написав background-image: url(pushkin.gif); — все работает. Может, дело в каталогах?
/lib/ /css/ /img/ P.S. файл *.css подключен, все работает кроме графики.
Отслеживать
8,657 18 18 золотых знаков 73 73 серебряных знака 181 181 бронзовый знак
задан 22 сен 2011 в 19:55
Monstrs-Inc Monstrs-Inc
232 1 1 золотой знак 4 4 серебряных знака 14 14 бронзовых знаков
4 ответа 4
Сортировка: Сброс на вариант по умолчанию
Да, дело в каталогах, файл ищет от текущего каталога, чтобы подняться на уровень выше, нужно написать две точки: ../ .
Например:
Путь означает что нужно подняться в родительский каталог, зайти в папку img и найти файл pushkin.gif .
Отслеживать
ответ дан 22 сен 2011 в 20:04
706 3 3 серебряных знака 14 14 бронзовых знаков
Не работает. Ставил одну точку, две и три — по нулям. (((
22 сен 2011 в 20:08
Извиняюсь — работает. Забыл lib убрать. Суппер. Большое спасибо
22 сен 2011 в 20:10
А если надо на два каталога подняться?
22 сен 2011 в 20:18
супер?О_о перенесите html файл и этот стиль уже не будет работать, если вам это неважно то тогда конечно — вперед, но лично я всегда все url’ы (как в css так и вообще где угодно) прописываю от корня чтобы рассположение html страницы никаким образом не влияло на работу css..
Ну да не суть, на вкус и цвет фломастеры разные.
Установил путь к рисунку как /images/pic.gif, но рисунок не отображается на веб-странице. Почему?
Слэш (символ /) перед именем файла или папки обозначает, что отсчет ведется от корня сайта. Соответственно, путь /images/pic.gif следует понимать так. В корне сайта находится папка с именем images, а в ней располагается файл pic.gif. Данный способ записи работает под управлением веб-сервера, поэтому на локальном компьютере браузер интерпретирует путь как c:/images/pic.gif , а такой папки и файла, вероятнее всего, нет (пример 1).
Пример 1. Путь к файлу относительно корня сайта
HTML5 IE Cr Op Sa Fx
Путь к файлу Если документ делается исключительно для локального использования, то пути к изображениям следует указывать относительно текущей веб-страницы. Для документов с последующей публикацией на веб-сервере пути относительно корня очень удобны. Они имеют компактную форму, а при переносе файла из одной папки в другую продолжают действовать.
HTML по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как правильно задать путь к картинке
Никак не могу понять, как правильно задать путь к картинке, таким способом не работает( все обращения файлов работают только если они лежат в одном каталоге, а в подкаталог не могу войти, в чем проблема?) Надеюсь мой ломаный все поняли))
Лучшие ответы ( 2 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Cursor: url, правильно задать путь к файлу
Есть иконка, которая доступна в браузере по url http://domein/img/icon/icon.png Если прописать в.
Как задать определенное положение тексту или картинке
Всем привет нужно конкретный размер сделать как на фото как вообще делать в дивах? а текст br?
Подскажите, как правильно заполнять теги в картинке
В вордпресе. Чем отличается подпись от описания и атрибута альт? Если везде выберу одинаковую.
Путь к картинке
Здравствуйте, такая ситуация я делаю не большую админ панель к магазину, ссылки на картинку в базе.
419 / 381 / 163
Регистрация: 03.01.2013
Сообщений: 966
Показали бы структуру размещения ваших файлов.
Судя по коду, в той папке, где лежит style.css , должна быть папка img . Также html -файл и css -файл лежат в одной директории.
Регистрация: 04.01.2014
Сообщений: 40
monochromer, в папке с сайтом(где лежит index.html) есть еще 2 папки css и img, и вот из них я не могу взять файлы, все работает если index.html style.css и картинки в одной папке находятся
1025 / 678 / 295
Регистрация: 04.04.2013
Сообщений: 2,707
Сообщение было отмечено AllLoveGames как решение
Решение
Сообщение от AllLoveGames 
в папке с сайтом(где лежит index.html) есть еще 2 папки css и img
Тогда в стилях должны быть такие пути:
1 2 3 4
body { background: url("../img/bg.png"); }
Картинки в HTML
Поверьте, это совсем не сложно. Для вставки картинок используется непарный тэг с атрибутом src. Выглядит это так . Где «my foto.jpg»> это ваша картинка. Для того чтобы было меньше путаницы, я рекомендую в каталоге, где расположена стартовая страница, создавать папки по назначению. Например, для картинок создайте папку image и складывайте туда все изображения, которые будут использоваться у вас на сайте. Тогда для того, чтобы вставить картинку на страницу, вы должны указать путь к этому изображению. Если у вас оно расположена в папке image то нужно прописать так: . Если папка расположена на уровень вверх, то путь к ней будет выглядеть следующим образом: . Ну, а сейчас выведем изображение чайника.
Тэг также имеет атрибут выравнивания align со значениями left-слева, right-справа. Это означает, что при использовании значения left атрибута align картинка будет прижата к левому краю, а текст будет обтекать картинку справа и, наоборот, при использовании значения right.
Существует еще несколько атрибутов, которые располагают текст в определенную позицию относительно картинки.
Теперь поэкспериментируем с картинками. Возьмем предыдущий пример или создадим новый. Если Вы будете создавать новый документ, не забудьте написать «шапку» из обязательных тэгов. Итак:
.
Проба пера
Футбол — это коллективная игра с мячом, целью которой является забить на один мяч больше в ворота соперника любой частью тела, кроме рук . Игра руками считается фолом и наказывается штрафным ударом, а преднамеренная игра рукой приводит и к наказанию желтой или даже красной карточкой.
.
Теперь добавим в тэг размеры картинки и расстояние от нее до текста.
Футбол — это коллективная игра с мячом, целью которой является забить на один мяч больше в ворота соперника любой частью тела, кроме рук . Игра руками считается фолом и наказывается штрафным ударом, а преднамеренная игра рукой приводит и к наказанию желтой или даже красной карточкой.
Для того, чтобы расположить картинку в центре, используйте тэги выравнивания в тэге , т.к. они действуют не только на текст, но и на изображения.
Чтобы уяснить для себя параметры изображений, поиграйтесь с атрибутами картинки.
Да, чуть не забыл. Картинку можно сделать фоном странички. Для этого используется атрибут background с указанием пути к картинке в тэге . Выглядеть это будет так:
где image/fon.jpg — путь к картинке.
Наряду со вставкой картинки в виде фона используйте атрибут bgcolor=»#хххххх» для задания цвета фона. Если не задавать цвет фона, то по умолчанию фон будет иметь белый цвет. И если Вы используете белый цвет шрифта, а картинку пользователь не захочет загружать, то он не увидит вашего текста. А так, если картинка не будет, по каким-либо причинам, загружена, то текст все равно будет виден.
Ну, я думаю, с картинками мы разобрались. Не бойтесь экспериментировать, закрепляйте свои знания примерами и у Вас все получится.
В следующей главе мы рассмотрим использование ссылок в HTML-документе.