CSS and HTML question: Hidden divs, help! How do you do them?

Serena

New member
I'm not sure if "hidden divs" is what they are actually called, so I will try to describe it.
I wish I could find a good example.
It's like this:
A single webpage has a nice background. On it's "home" there are two divs side by side. The skinnier div (the sidebar) holds all the links, and the large div next to it has all of the content, text, whatever. On the sidebar there's a link that says "Chapter 1" or something, and when you click on it the layout is still the same, but the stuff in the large content is replaced by the chapter 1 content. It's still on the same page, but it's a new div. You can get to lots of places on the page like this. However, when you scroll around you can't see the divs. You can only get to them if you click their links in the sidebar.
How do you hide a bunch of divs, and then make them each appear in a designated area on a page when their link is clicked on?

This is using ONLY CSS and HTML, by the way. No javascript or any other programming.
And everything would be on one page, meaning there's no linking away to anywhere else but within anchors in the page.

If someone could provide a good explanation or link me to a tutorial, that would be great.
 


Write your reply...
Back
Top