We Look at Creating a Menu Using Just CSS .
Here We look at Creating a Menu using CSS.
We Concentrate on Construction of a Horizontal menu, like the one at the top of this page.
Remember in the Navey Blue Cotton Panties Page we talked About Creating Class Selectors, Well its this technique we need to create a Menu. Basically if you can create a Dependant Class selector rule that govans the unorded list tag, specifically A tags inside list tags, then one to governs unordered lists, and finally one to govern the li tags in that unordered list. then you just apply the Classes.
This sounds complicated I know, but in true Chephrenrepairs.com style we are going to break this down into much smaller steps. Step 1. You Need to understand Unordered lists, this is HTML of course.
The Structure of an unordered list is easy to see just look at this page in your browser and choose view page source, look for the tag starting<ul. The class is specified as nav, this is specified as a dependant Class Selector rule in the linked style sheet for this web page.
OK so here I show you all the Classes I defined to create the horizontal menu at the top of this page:
Three classes are defined a class dependant on unordered lists called nav, a class effecting the list elements inside the unordered lists, and lastly a class effecting the anchor tags inside the unordered list nav class. Basically the horizontal menu is an Unordered list on a web page. Defining this number of classes all at once is a bit of a task and may get you in a tangle plus be too much to cope with, thus we have writen the Twisted Cameo Knickers page which essentially explains about a simpler Horizontal Menu Construction method using CSS, but some what simpler. Review the Twised Cameo Knickers page first to get a grip on Horizontal menus.