UL + img :(
Страницы: 1
UL + img :(
Доброго времени суток.Проблема вот такая,не отображается картинка над текстом smile:(
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: путь к картинки верен))
какой размер картинки? и что из себя представляет "img/ul.png"?
Цитата
Валентин пишет:
какой размер картинки? и что из себя представляет "img/ul.png"?
24x24 smile:) Хочу над надписями соответствующие иконки поставить.
а ul.png это картинка для фоне (бекграуда) размером 5х175.
Изменено: Расстроенный - 12 Августа 2015 02:10
Предлагаю добавить ещё один стиль для img:

Код
#topmenu img
    { 
     display: block;
     margin: 0px auto 0px auto;
    }

...а расстояние между картинкой и надписью регулируется в 

#topmenu, .tile  ul {
......
line-height:150px;
}
В действительности вы знаете предмет только в той степени, в которой можете научить других, с тем чтобы они его поняли и применили в своей жизни.
Андрей П-Студия,  Эффект тот-же, при вставке картинки между <a...></a> еее нет smile:(
16213.png (19.91 КБ) [ Скачать ]
Актуально!
Я подсказал рабочий вариант. У меня на тестовой странице все работает.
Просто в вашем случае есть какой-то нюанс.
Скиньте ссылку на ваш сайт, помогу разобраться.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
14:17 Простая тема Вордпресс 
13:14 SEO-инструменты слепнут: Ahrefs и Semrush массово банят на сайтах из-за ИИ 
12:59 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 
12:55 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать 
12:36 Праздники кончились, а трафик так и не вернулся. Глюк или фильтр? 
23:31 24.01. Апдейт: Шторм продолжается // Штрафы 700к за Google ID: готовимся? 
23:15 перводчик 
12:51 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 
12:29 AllCharge.online. Современный, быстрый и надёжный обменник 
08:53 Мониторинг обменников Сrypto-scout.io 
04:09 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
22:42 Все услуги в Телеграм 
20:55 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
18:09 Nexulume.com Обменник без AML и KYC 
13:04 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео? 
12:45 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
22:57 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
15:18 Win 10: Три месяца без обновлений. Как полёт? // Переезд на Win 11 или Linux 
16:25 Подтягиваем физкультурку 
08:18 Тренера "Сочи" обвинили, что он рулил через ChatGPT. Игрокам предложили не спать 28 часов 
08:09 Владельцы "китайцев" 3-леток, признавайтесь честно — сгнили или едут?