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