Поддержка Проблемы и решения через стиль картинка есть, а через HTML она — 404

  • Жил-был логотип в виде «дива» которому в стиле была присвоена фоновая картинка, все показывалось и загружалось, пока не захотелось мне сделать этот логотип кликабельным(т.е. ссылкой на главную). В одном из рецептов рекомендовалось картинку из стиля перенести собственно в код страницы.
    Вот так: код
    Так я и сделал, но оказалось что таким образом картинка не грузится
    ошибка загрузки логотипа
    структура папок
    проверял многократно правильно ли ссылку написал и т.п. но что-то не так. какую-нибудь картинку из другого сайта отображает, а вот с моего не хочет… повторюсь: картинка грузится через стили тут же рядом в соседнем диве и не хочет отображаться будучи вписаной в html.
    Приведу содержимое htaccess, т.к. на него обычно много подозрений как я понял по схожим веткам, но я в этом коде просто ничего не соображаю. Прошу подсказать в каком месте лажа.

    # -FrontPage-
    
    IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*
    
    <Limit GET POST>
    order deny,allow
    deny from all
    allow from all
    </Limit>
    <Limit PUT DELETE>
    order deny,allow
    deny from all
    </Limit>
    AuthName sentie-ua.com
    AuthUserFile /home/bh45849/public_html/_vti_pvt/service.pwd
    AuthGroupFile /home/bh45849/public_html/_vti_pvt/service.grp
    
    # BEGIN WordPress
    <IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.php$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.php [L]
    </IfModule>
    
    # END WordPress

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Если написать в src полный правильный url картинки тоже не срабатывает?

    В style.css запись «img/pic.jpg» будет вести в одно место, а на странице сайта — совсем в другое. Потому что в style.css точка отсчёта — папка с файлом style.css, а на странице сайта — страница сайта. Просто скопировать относительный путь недостаточно. Он на то и относительный, что работает только относительно текущего места применения.

    Попробовал варианты /wp-content/themes/twentyten-Child/images/logo_sentie_main.png и http://мой сайт/wp-content/themes/twentyten-Child/images/logo_sentie_main.png — все работает. Здорово однако! Там где я читал про относительные ссылки, рассматривалось взаимное расположение документа с кодом и объекта на который указывает ссылка. Вот и решил что раз header.php(в котором это пишется) лежит рядом с style.css, а картинка всё та же, то и путь одинаковый…
    Большое спасибо!

    Попробовал варианты /wp-content/themes/twentyten-Child/images/logo_sentie_main.png и http://мой сайт/wp-content/themes/twentyten-Child/images/logo_sentie_main.png — все работает.

    Так и должно быть. Потому что именно там лежит картинка.

    раз header.php(в котором это пишется) лежит рядом с style.css, а картинка всё та же, то и путь одинаковый

    Здесь важно не расположение файла шаблона. В css точка отсчёта — папка с css. В html — текущая страница. Где бы ни лежал шаблон, всё равно отсчёт будет от текущей страницы.

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «через стиль картинка есть, а через HTML она — 404» закрыта для новых ответов.