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
Post a Comment