Мои значки не будут отображаться в моем нижнем колонтитуле

0

Изображение 174551

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

Это мой html для нижнего колонтитула:

<footer class="gradient">
    <div id="inf-{PostID}" class="post-inf">
        <div class="accordion-group post-meta">
            <div id="meta-{PostID}" class="meta-links clearfix collapse in">
                <div class="timestamp"><a href="{Permalink}" data-toggle="tooltip" data-placement="top" data-trigger="hover" title="View Post &ndash; {lang:Posted at FormattedTime}"><i class="icon icon-time"></i><span> {TimeAgo}</span></a>
                </div>
                <div class="note-count"><a href="{Permalink}#notes" title="{lang:This post has NoteCount notes}"><i class="icon icon-heart"></i><span> {NoteCount}</span></a>
                </div>
                <div class="reblog"><a href="{ReblogURL}" title="Reblog"><i class="icon icon-retweet"></i><span> Reblog</span></a>
                </div>{block:Photo}
                <div class="highres"><a href="{PhotoURL-HighRes}" title="{lang:View high resolution}"><i class="icon icon-picture"></i><span> High-Res</span></a>
                </div>{/block:Photo}
                <div class="share-open"><a data-toggle="collapse" data-parent="#inf-{PostID}" href="#share-{PostID}" title="{lang:Share this}"><i class="icon icon-share"></i><span> Share</span></a>
                </div>
            </div>
        </div>

Я пытаюсь получить иконки с:

.index-page .grid article.minimal.type-photo footer .post-meta .meta-links .timestamp {background-image: url ('http://static.tumblr.com/rlvxgqe/0G8mt9ogs/questionmark.png');}

Также попробовал это:

#inf-{PostID}#meta-{PostID} .timestamp .icon.icon-time {background-image: url ('http://static.tumblr.com/rlvxgqe/0G8mt9ogs/questionmark.png');}

Ни одна из этих работ, я предполагаю, что я не нацеливаюсь на правильный якорь? Может ли кто-нибудь дать мне руку? очень признателен!

Здесь полный html-код, если он помогает: http://pastebin.com/Q5m14Qk1

Теги:
icons

3 ответа

1

с кодом, который вы опубликовали на pastebin, im фактически получает изображение для метки времени

Изображение 174551

просьба уточнить среду разработки

Поделиться
  • 0
    да, это уже решено. Проблема с Firefox банкоматом. Хром отлично работает.
1

Я попытался проверить его в firefox, и я обнаружил, что FF не смог получить шрифты. Ниже приведена ошибка.

Error: downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: http://static.tumblr.com/t7rbpdb/vMImkggx7/fontawesome-webfont.woff?v=3.0.1
Source File: http://static.tumblr.com/t7rbpdb/UDlmkgnsv/bootstrap.min.css
Line: 0
Source Code:
@font-face {   font-family: "FontAwesome";   font-style: normal;   font-weight: normal;   src: url("http://static.tumblr.com/t7rbpdb/vMImkggx7/fontawesome-webfont.woff?v=3.0.1") format("woff"); }

После поиска этой ошибки я нашел следующий поток.

firefox @font-face fail with fontawesome

Может быть, это поможет вам.

Поделиться
  • 0
    спасибо, но они говорят, что я должен изменить кавычки на двойные, но я считаю, что мои кавычки уже двойные?
  • 0
    В файле bootstrap.min.css ( static.tumblr.com/t7rbpdb/UDlmkgnsv/bootstrap.min.css ) вы можете попробовать заменить одинарные кавычки URL- адреса шрифта на двойные. т.е. замените формат src: url (' static.tumblr.com/t7rbpdb/vMImkggx7/… ) (' woff ') на формат src: url (" static.tumblr.com/t7rbpdb/vMImkggx7/… ) (' woff ').
Показать ещё 8 комментариев
0

проверьте свой.htaccess в корневой папке, а также.htaccess в подкаталогах. Примените следующий код к соответствующему файлу.htaccess.

Order deny,allow
Deny from all
<Files ~ ".(xml|css|jpe?g|png|gif|js|svg|woff|ttf|eot|woff2)$">
Allow from all
</Files>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню