Доброго времени суток.Проблема вот такая,не отображается картинка над текстом
CSS:
Код |
---|
#topmenu, .tile ul {
margin: 0;
padding: 0;
list-style: none;
display: table;
line-height:150px;
width: 100%;
}
#topmenu li {
height: 175px;
text-align: center;
display: table-cell;
float: none;
}
#topmenu a {
display: block;
padding: 8px 15px;
background: #b6cbfd url("img/ul.png") repeat-x center top;
width:100%;
font-family: Arial;
color: #fff;
text-decoration: none;
text-align: center;
text-transform: uppercase;
height: 175px;
}
#topmenu a:hover {
background: #528CBF;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
height: 175px;
} |
HTML: (На PHP не обращайте внимание)
Код |
---|
<ul id="topmenu">
<? if ($user->group>0){?>
<li>
<a id="my_friends" href="/my.friends.php"><?=__('Друзья')?></a>
</li>
<li>
<a id="my_mail" href="/my.mail.php?only_unreaded"><?=__('Почта')?></a>
</li>
<? } else {?>
<li>
<a id="login" class="gradient_grey" href="/login.php?return=<?= URL ?>"></a>
</li>
<li>
<a id="reg" class="gradient_grey" href="/reg.php?return=<?= URL ?>"></a>
</li>
<? } ?>
</ul>
|
И если вставить картинку над надписьями, то эффекта ноль:
Код |
---|
<li>
<a id="my_friends" href="/my.friends.php"><img src="/image.jpg" alt="..."><?=__('Друзья')?></a>
</li> |
Я задолбался!!! Help!
PS: путь к картинки верен))