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;
}