c# - Separated elements overlooked, now combined -
currently in process of learning mvc , think it's interfering html code. have basic navigational menu list , 2 <li>
items seem combine one. way make sure 2 separated when live?
@if ((request.url.absolutepath.tostring().tolower() != "/home/index") && (request.url.absolutepath.tostring() != "/")) { <nav data-spy="affix" data-offset-top="500" style="border-radius:0px; left: 0" ng-hide="sidebar" id="nav"> <img src="~/content/images/open.png" ng-model="sidebar" id="sidebaropen" style="left:0px; top:0;"/> <div id="sidebar" style="left: -200px"> <ul> <li><a href="@url.action("index", "home")" id="navheader"> home </a></li> <li><br /></li> <li><a href="@url.action("aboutme", "home")" id="">about me</a></li> ############# <li><a href="@url.action("experience", "home")" id=">experience</a></li> <li><a href="@url.action("resume", "home")" id="">resume</a></li> ############ these 2 seem recognized 1 <li> , not two. <li><a href="@url.action("contact", "home")" id="">contact</a></li> </ul> <img src="/content/images/mypic.jpg" /> </div> </nav> <div id="sidebarback" style="width:0%;"> </div> }
youre missing quotation mark in id=">
part. not valid html wen browser tries workaround resulting in 2 elements combined.
to fix instead of:
<li><a href="@url.action("experience", "home")" id=">experience</a></li>
use correct tag attribute id=""
:
<li><a href="@url.action("experience", "home")" id="">experience</a></li>
Comments
Post a Comment