Reply LinkBack Thread Tools Search this Thread
Old 25-09-2007, 17:52   #1 (permalink)
Riptastic
Lost in space!
 
Riptastic's Avatar
 
Join Date: May 2007
Location: Edinburgh
Posts: 37
Simple CSS help for a noob, please help.

Hi Guys

Im very very new to web design and in particular CSS. I am currently creating a navigation for a charity website in Dreamweaver and wish to have sub navigation in my links.

The navigation is placed on the left of the page and as it stands looks like this ...

News
Events
2004
2005
2006
Donations
History
Photos

However I wish to make "2004, 2005, 2006" only appear when the user clicks on the "events" link and once there for it to go into sub navigation from the events page like this ...

News
Events
  • 2004
  • 2005
  • 2006
Donations
History
Photos

This is no doubt a rather simple command im missing here but like I say im very new to this.

If any of you can give me advice (preferably using dreamweaver to do this) that would be great!

Hope to hear from you guys in the morning, for now im off to bed!

Gnite!

  Reply With Quote
Old 25-09-2007, 20:05   #2 (permalink)
Emanuele
Junior Graphic Designer
 
Emanuele's Avatar
 
Join Date: May 2007
Location: Rome
Posts: 54
Send a message via MSN to Emanuele Send a message via Skype™ to Emanuele
You have to look for some Javascript Tree Menu i think. I don't know a Standard cross-browser one, so I can't tell you what's better. Anyway if you google "Tree Menu" there will be a lot of results.
  Reply With Quote
Old 26-09-2007, 03:12   #3 (permalink)
Wiggy
Registered User
 
Wiggy's Avatar
 
Join Date: Sep 2007
Location: South East of England
Posts: 43
I stock photoes have an xml/flash menu it cost about £2 well worth it.
  Reply With Quote
Old 26-09-2007, 07:57   #4 (permalink)
Riptastic
Lost in space!
 
Riptastic's Avatar
 
Join Date: May 2007
Location: Edinburgh
Posts: 37
Ah I may have not explained properly.

I had a look at the tree menu but thats not what im after, thanks though. All Im wanting to do is have the "2004, 2005, 2006" simply bulleted under the events link once the user goes into the events page.

Hope someone can help me out here.

Thanks
  Reply With Quote
Old 26-09-2007, 08:45   #5 (permalink)
skyrocket
SkyRocket Design
 
skyrocket's Avatar
 
Join Date: Aug 2005
Location: Chichester
Posts: 536
do a search in your favourite engine for something like 'css nested list navbar' and you'll see some great stuff...
__________________
SkyRocket Design :: website design chichester
  Reply With Quote
Old 26-09-2007, 10:30   #6 (permalink)
Stickman
Dr. Lucien Sanchez
 
Stickman's Avatar
 
Join Date: Mar 2003
Location: UK
Posts: 5,527
Quote:
Originally Posted by Riptastic
All Im wanting to do is have the "2004, 2005, 2006" simply bulleted under the events link once the user goes into the events page.

Code:
<ul> <li>News</li> <li>Events <ul> <li>2004</li> <li>2005</li> <li>2006</li> </ul> </li> <li>Donations</li> <li>History</li> <li>Photos</li> </ul>
That's the HTML.

Put links inside the list-items and style it with CSS - Robert's your mother's brother.
  Reply With Quote
Old 26-09-2007, 11:49   #7 (permalink)
Riptastic
Lost in space!
 
Riptastic's Avatar
 
Join Date: May 2007
Location: Edinburgh
Posts: 37
Thanks mate

I owe you a pint!
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8