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

java - Andrioid studio start fail: Fatal error initializing 'null' -

android - Gradle sync Error:Configuration with name 'default' not found -

StringGrid issue in Delphi XE8 firemonkey mobile app -