Конечно как делать меню на CSS я знаю. Сейчас интересует немного другой вопрос. Бился несколько часов над следующей задачей:
Имеется следующий код:
<ul class="menu_top">
<li id="current" class="active item1">
<a href="http://localhost/"><img src="home.gif" align="left" alt="home" /><span>Главная</span></a></li>
<li class="item2"><a href="#"><img src="mail.gif" align="left" /><span>Обратная связь</span></a></li>
<li class="item3"><a href="#"><img src="sitemap.gif" align="left" /><span>Карта сайта</span></a></li>
</ul>
Этот код менять нельзя. С помощью CSS нужно сделать следующее:
(скриншот)
Итого: 1 картинка с белой подложкой, 3 картинкаи УЗКИЕ для каждого пункта меню(их я выделил разными цветами)
Пытался по всякому, не выходит. По сути делаю так:
ul.menu_top { background:url(../images/top.jpg) left top no-repeat; list-style:none; }
ul.menu_top li { padding: 0px 5px; float:left; }
ul.menu_top span { display:none; }
Вроде всё нормально, только подложка top.jpg пропадает. Подскажите, пожалуйса, как надо?