Navbar Horizontal list problems, not centering or taking up full width -
i've been frustrated problem days on end , cannot solve it. css/html skills elementary, appreciated.
(to start let me mention using weebly editor , using html/css editor customize.)
so have horizontal list inside wrapper. problem cannot take entire width of #navwrap ul {  or #navwrap parent/s. can't list center inside parent.
i have put borders around elements see going on. (hopefully can attach pic). of css leftover trying many different things fix this, if may unnecessary.
html:
    <div id="header-wrap">         <table id="header">             <tr id="header-row">                 <td id="logowrap"><img  id="logo" src="img.svg"></td>                                            <td id="navwrap">{menu}                     </td>                         etc... css:      #navwrap {     height: 50px;     border: 1px solid red;     background-color: none; }  #navwrap ul {     width:100%;     border:1px solid orange;  }   #navwrap li {     height:40px;     float:auto;     display:inline-table;     border:1px solid green;  }  #navwrap {     vertical-align: text-bottom;     height:50px;     border: 1px solid blue;     color:white;  } 
solved: managed fix display: table (wrapper) display:table-row (ul) display:table-cell solution.

Comments
Post a Comment