Меню

[Ergonav]

Приветствую, возникла проблема с версткой меню, прошу помощи у тру верстальщиков

Такая вот менюшка

http://s019.radikal.ru/i613/1204/72/dc4de4d15511.png

Как правильно её сверстать?

Edited April 26, 2012 by Ergonav

[Softlink]

А в чем конкретно сложность?

[Ergonav]

Вырезал фон без разделителей и текста, проблема в том как сделать эффект при наведении

Справился, так всегда - создашь топик, через несколько минут уже справляешься(

[Ergonav]

Вторая менюшка, с ней тоже маленькие проблемы...

HTML

<!--Скрипт выдвигающегося меню -->
<script type="text/javascript">
function toggle_show(id) {
        document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none';
}
</script> 


<!-- Левое меню -->
<div class="left-menu">
<ul>
	<li><a href="#home">Главная</a></li>
	<li><a href="#aboutCompany">Главная</li>
	<li><a href="#catalogue">Главная</a></li>
	<li><a href="#photogallery">Главная</a></li>
	<li><a href="#forPartners">Главная</a></li>
	<li><a href="#contact">Главная</a></li>
        <li onClick="toggle_show('bla-bla2')"><a href="#home">Вкладка</a>
		</ul>

                <ul id="bla-bla2" style="display: none; margin-top: 10px; margin-left: 40px; font-style:italic; color: #036f93">
	<li><a href="#home">Меню</a></li>
	<li><a href="#aboutCompany">Меню</a></li>
	<li><a href="#catalogue">Меню</a></li>
                </ul>

</ul>
</div>

CSS

.left-menu {
background-image: url(img/left-menu.png);
width: 240px;
height: 356px;
float: left;
margin-left: 8%;
margin-top: 10px;
}

.left-menu li {
background: url("img/i-stepler.png") no-repeat left;
width: 26px;
height: 19px;
color: #7d7d7d;
font-size: 16px;
margin-left: 10px;
padding-left: 40px;
padding-top: 17px;
word-spacing: 10px;
margin-bottom: -10px;
}

.left-menu ul {
color: #7d7d7d;
 line-height: 1px;
	list-style: none;
	margin-top: 50px;
}

.left-menu li a {
color: #000;
text-decoration:none;
}

Должно получиться так

Получилось так

На отступы и прочее во внимание можно не обращать, поправлю, интересует как убрать картинки в контейнере выдвигающегося меню

Edited April 26, 2012 by Ergonav

[alexandr_v-vich]

#bla-bla2 li {background:none;}

[Ergonav]

#bla-bla2 li {background:none;}

спс, иногда не получается включить мозг

Edited April 26, 2012 by Ergonav