Diary/archive help, trying to use CSS to display DIVs dynamically...

[thintin]

I wish to add some usability to my site, to manage my 'updates' page, which is pretty much a mini-blog-diary type thing...

what I'm hoping for is some way to dynamically display the blog/diary type entries, one at a time, depending on user interaction.

To achieve this I'd like users to first click a particular month name from a list, which will be contained in a fixed DIV (lets call it Month-DIV),

this action will then display a list of links to entries , for that chosen month, in another location on the page (called List-DIV).

Fianally, when the user hovers over the link to entry, the required entry will be displayed in a third location (Entry-DIV) which would initially be displaying the most recent entry.

just to add some description to aid in visualisation, the 3 DIVs would be inside a square container DIV. Month-DIV would be the top left quarter, List-DIV would be the top right quarter, and the Entry-DIV would occupy the bottom half.

Hope this makes sense ...

I've tried, unsuccessfully, using javascript and hidden DIVs, but, if at all possible, I'd like to find a pure CSS solution.

Any help will be very, very gratefully received.

The page I'm working on currently shows the list of entries as one long column, and can be viewed here:-

http://www.philtinsley.com/updates.html

In the finished page I would like the footer to be a bit nearer to the header!

Thanks in advance.

Thintin.

[awatson]

You may be able to expand on the idea behind the suckerfish CSS drop-down menus - which basically works off of a series of unordered lists, using the :hover property to display or not display submenus as appropiately. Might be worth looking into, although I suspect you'll still need some javascript to make things work properly.