CSS menu starts from center and continues to the right -
i have following css menu, starts middle , continues on right. meaning cream color bar continues on end of page. tried searching, wasn't able find solution, perhaps not possible? html got:
<header> <nav class="splash-menu"> <ul class="splash-nav"> <li class="why-splash">why us</li> <li class="dealer-splash">dealer login</li> </ul> <div class="clearfix"></div> </nav> </header>
the css:
.splash-nav{ list-style: none; margin: 0; padding: 0; background: #0b3543; } .splash-nav li{ float: left; height: 60px; } .splash-menu{ float:left; width:100%; overflow:hidden; position:relative; } .splash-menu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:75%; text-align:center; } .splash-menu ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } .splash-menu ul li { display:block; margin:0 0 0 1px; padding:3px 10px; text-decoration:none; line-height:1.3em; }
from image suggest rather starting middle, menu aligned right of element holding it.
Comments
Post a Comment