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

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

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

html - jQuery UI Sortable - Remove placeholder after item is dropped -