Information Technology Reference
In-Depth Information
IV
Just having content available isn't all you need. The content must be findable. Between categories,
tags, and a search engine, you make your blog posts accessible to every visitor. The last piece to
making your content findable is navigation.
Navigation
This section handles the navigation for the site. You owe it to yourself and your visitors to give
them an easy way to get around your site. There are many ways to do this. Arclite offers such an
easy way.
/* main navigation */
#nav-wrap1 uses absolute positioning to put itself exactly 170 pixels from the top of the browser. A
high z-index ensures that this won't ever be covered up by anything else on the page. The z-index
property only works when the position is declared (instead of a float).
#nav-wrap1{
background: transparent url(images/nav-left.png) no-repeat left top;
padding-left: 25px;
position: absolute;
z-index: 100;
top: 170px;
left: 1em;
height: 64px;
}
#nav-wrap2 contains the list of elements as 64-pixel high buttons positioned on the left side.
#nav-wrap2{
background: transparent url(images/nav-bg.png) no-repeat right top;
padding-right: 25px;
height: 64px;
float: left;
}
#nav-wrap2 ul#nav, #nav-wrap2 ul#nav li{
padding: 0;
margin: 0;
list-style-type: none;
}
#nav-wrap2 ul#nav{
background: transparent url(images/nav-div.png) no-repeat right top;
padding-right: 2px;
display: block;
height: 64px;
}
