проблем при списък, текста на връзката пада долния ред, ако е по дълък
[css]
aside {
position:absolute;
top:20px;
left:450px;
height:470px;
width:150px;
background-color:#f1f1f1;
padding:20px 0 0 20px;
}
aside ul li{
list-style:none;
line-height:15px;
}
aside ul li a{
text-decoration:none;
color:#aea2a2;
font:11px arial, sans-serif;
border-bottom: 1px solid #f7f7f7;
padding:0 0 0 30px;
}
aside div{
padding-bottom:15px;
}
.dashboard-rightmenu{
background: url('img/dashboard-r.png') no-repeat ;
width:20px;
height:15px;
}
.tables-rightmenu{
background: url('img/tables.png') no-repeat ;
width:19px;
height:19px;
..............
}
[/css]
HTML:
<aside>
<ul>
<li>
<div class="dashboard-rightmenu"><a href="#" title="Dashboard">Dashboard</a></div>
</li>
<li>
<div class="tables-rightmenu"><a href="#" title="Tables">Tables</a></div>
</li>
<li>
<div class="forms-rightmenu"><a href="#" title="Forms">Forms</a></div>
</li>
<li>
<div class="widgets-rightmenu"><a href="#" title="Widgets">Widgets</a></div>
</li>
<li>
<div class="sliders-rightmenu"><a href="#" title="Sliders and Loaders">Sliders and Loaders</a></div>
</li>
</ul>
</aside>
aside {
position:absolute;
top:20px;
left:450px;
height:470px;
width:150px;
background-color:#f1f1f1;
padding:20px 0 0 20px;
}
aside ul li{
list-style:none;
line-height:15px;
}
aside ul li a{
text-decoration:none;
color:#aea2a2;
font:11px arial, sans-serif;
border-bottom: 1px solid #f7f7f7;
padding:0 0 0 30px;
}
aside div{
padding-bottom:15px;
}
.dashboard-rightmenu{
background: url('img/dashboard-r.png') no-repeat ;
width:20px;
height:15px;
}
.tables-rightmenu{
background: url('img/tables.png') no-repeat ;
width:19px;
height:19px;
..............
}
[/css]