Breadcrumb Navigation look like this
1. Code under the Top navigation div or below this syntax
<div id="s4-statusbarcontainer"><div id="pageStatusBar" class="s4-status-s1"></div></div>
2. And CSS:
1. Code under the Top navigation div or below this syntax
<div id="s4-statusbarcontainer"><div id="pageStatusBar" class="s4-status-s1"></div></div>
Put this Master Page:
<div class="SolidBreadCrumb"> <asp:SiteMapPath runat="server" SiteMapProviders="SPSiteMapProvider,SPXmlContentMapProvider" RenderCurrentNodeAsLink="false" NodeStyle-CssClass="SolidBreadCrumb" CurrentNodeStyle-CssClass="SolidBreadCrumbCurrent" RootNodeStyle-CssClass="SolidBreadCrumbRoot" HideInteriorRootNodes="true" SkipLinkText=""/> </div>
2. And CSS:
/* Breadcrumb styles */ .SolidBreadCrumb { font-family: Arial, Segoe UI, Verdana, sans-serif; color: #003F50; clear:both; font-size:9pt; padding-left:7px; padding-bottom:2px; padding-top:4px; border-bottom:1px #003F50 solid; margin-bottom:4px; } .SolidBreadCrumb a, .SolidBreadCrumb:active, .SolidBreadCrumb a:active { padding-left:0px; padding-right: 0px; text-decoration:none; color: #003F50; } .SolidBreadCrumb a:hover { text-decoration:underline; } .SolidBreadCrumbCurrent { font-weight:bold; }