Date: 03/11/08 (WebDesign)    Keywords: css, web

Howdy, all. I'm having issues coding my menu... I tried to find exactly what I'm looking for (or something close to it...) on tutorial websites, but it seems to be nowhere! This seemed like a good community to ask; I hope this is allowed.

I'm building a website for a class. I'm an english major, not a comm major or anything, so the only experience I have is what I have taught myself. The class itself doesn't go into great depth because some people have apparantly never even seen a website before, let alone tried to build one. Anyway, the point is that I'm no expert and am learning as I go.

Right now I have a few pages up, designed via external CSS. It works. It's clean and functional, but rather boring and once I get to a computer with Photoshop and Dreamweaver at the same time, I'll probably redesign it at least somewhat. I was sketching out what I wanted to do this morning, and I quickly realized that the menu I have now is fine for very little content, but once I have more sections and subsections, I'm going to need a better way of navigating things. I know exactly what I WANT it to look like and do, but I don't know if it's possible.

Right now I have three sections: a header, a center div, and a left div, which serves as my menu. The menu is (obviously) vertical, and right now basically just looks like a list of links.

I want the left menu to have subsections, but I don't want a drop down menu that pops out and interferes with the rest of the page. Instead, I want to click on the link for a section and have a subset of links appear beneath it, indented slightly or italicized or both, whatever looks best. The rest of the links would shift down to compensate. I also want you to be able to click again and make them disappear.

Any ideas on how to do this? Thank you very much for your help.

Source: http://community.livejournal.com/webdesign/1367289.html