Tag: menu

How to Create Simple and Effective Sub Navs with Definition Lists

When we need simple and effective on-page navigation, to either jump to content on the page or flip to another view, we use the dl element. Its sub elements, the dt and dd, make it very easy for us to create inline links with a clear label. Here we’re going to share with you a […]
csshead 0 Comments

Active State in Navigation – CSS Navigation Tutorial

I am sure you have been on a website where the navigation has an “active” state, basically showing you which page you are currently on. It’s a great way to let visitors know exactly where they are on a site. This tutorial shows you how to use a CSS sprite to create a navigation menu […]
csshead 0 Comments

Animated Navigation using jQuery and CSS

How to create an animated navigation menu using jQuery & CSS. Fancy but a very simple technique! The good thing about this technique is that it degrades gracefully and is still accessible even if javascript is turned off…
csshead 0 Comments

CSS Menu Builder – Free online navigation generator

A free online CSS menu generator. Comes with over 30 horizontal menus and over 700 vertical menu combinations. Also has over 200 breadcrumb menus. All come in endless color combinations…
csshead 0 Comments

Horizontal Sub-nav with CSS & jQuery

How to create a simple navigation bar with a horizontal subnav. In most cases we can achieve this effect purely with CSS, but for IE6 we will use a few lines of jQuery to cover all grounds…
csshead 0 Comments

Designing Accessible Navigation Menus with CSS and XHTML

Building an accessible website is a holistic endeavor. In order to provide easy access to the information on each page, myriad factors must be considered. One of the chief amongst these is the creation of accessible navigation. Whether considering business logic or a principled perspective on web design, enabling the site user to move within […]
csshead 0 Comments
« Previous Page