2013-12-01 4 views
2

Почему мой логотип не отображается на моем сайте? В моем header.php есть код <div class="logo"><a href="index.php"></a></div>, у которого есть класс и ссылка на страницу, поэтому, когда люди нажимают логотип, они переходят на главную страницу.Почему мой логотип не отображается?

Стиль:

.logo { 
    float:left; 
    width:228px; 
    height:50px; 
    margin:30px 0 0 12px; 
} 
.logo a { 
    display:block; 
    width:228px; 
    height:50px; 
    background:url(../images/logo.png) no-repeat left top; 
} 

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

Протестировано в обычный HTML-файл, и он работает там, но в моем header.php это не так.

+3

Путь, вероятно, неправильный. Используйте абсолютный путь. –

+0

Можете ли вы показать свой файл заголовка. – putvande

+0

Обратите внимание, что путь к файлу изображения относится к расположению файла '.css' – Mal

ответ

-1

Изображение не будет отображаться, если вы не пишете что-либо внутри тега. Попробуйте сделать это:

<a href="index.php">My site</a> 

А потом добавить это свойство к вашему .logo КАС, чтобы скрыть текст:

text-indent:-9999px; 

Затем появится ваше изображение.

-2

, потому что в вашем CSS вы используете фоновое изображение:

background:url(../images/logo.png) no-repeat left top; 

В этом случае, если ничего не написано в вашем DIV, фон не будет показано, что означает, что вы не можете видеть свой логотип ,

Если вы попытаетесь показать свое изображение независимо от того, что находится в div, вы должны обратиться к своему изображению напрямую, а не как фон div.

+0

Есть что-то в div, теге. Но OP также устанавливает ширину и высоту. – putvande

Смежные вопросы