Answer the question
In order to leave comments, you need to log in
How to set separation?
Hello, I have a drawn division between the menu on the template. How to make it up?
How it should be
Like mine
#sidebar {
width: 199px;
height: 445px;
background: url(../img/sidebar.png);
margin-left: 0.24cm;
margin-top: 0.27cm;
}
.tx_sidebar {
margin-left: 15px;
margin: center;
list-style: none;
padding-top: 1cm;
}
.tx_sidebar li{
text-decoration: underline;
}
.tx_sidebar li a{
font-family: "Hortensia";
color: #484a48;
text-shadow: 0px 1px 1px #a5ada6;
font-size: 18px;
}
.tx_sidebar li a:hover {
color: #e7e143;
}
.navi {
display: none;
list-style: none;
margin-left: 25px;
font-size: 12px;
}
.tx_sidebar li:hover > ul {
display: block;
text-shadow: 0px 2px 8px #82a956;
}
<div id="sidebar">
<ul class="tx_sidebar">
<li><a href="#">Массажи</a>
<ul class="navi">
<li><a href="#">Лечебные</a></li>
<li><a href="#">Для похудения</a></li>
<li><a href="#">Оздоровительные</a></li>
<li><a href="#">Антицеллюлитные</a></li>
</ul>
</li>
<li><a href="#">Запись:</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Наши достижения</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">Как проехать?</a></li>
</ul>
</div>
Answer the question
In order to leave comments, you need to log in
Without the html above, I'm guessing I need to add a border to the list element:.tx_sidebar li { border-bottom: 1px dashed #000; }
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question