html - Unordered list elements won't position -


i built slide-out menu using jquery, list containing menu items has been behaving strangely. no matter how change css, various list elements stay in same place, right on top of each other. page in question this.

.slide-menu { width: 30%; left: -30%; position: absolute; z-index: 1; background-color: white; }  .dlink {    font-size: 16px;    position: absolute;    width: 30%;    display: block; }  #slide-list{     list-style: none;     top: 0%;     margin-left: 0px; }  .sli-list-item {     width: 30%; }  #slide-panel {     height: 100%;     top: 0%; } 

this relevant css.

change .dlink class this:

.dlink {   font-size: 16px;   position: relative;   width: 30%;   display: block; } 

position: absolute; made them line on top of each other.


Comments

Popular posts from this blog

javascript - Create websocket without connecting -

how to do line continuation in perl debugger for entering raw multi-line text (EOT)? -

android - Linear layout children not scrolling -