A
A
Andr2015-10-22 23:16:45
css
Andr, 2015-10-22 23:16:45

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
ff5c61119af3466dbbed072a12e1d7c7.PNG
Like mine
1b4bb963b42c44279f4af9313e0b26a1.PNG

#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

1 answer(s)
M
Maxim Sofronov, 2015-10-22
@dashademkova

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 question

Ask a Question

731 491 924 answers to any question