Jul 24, 2008

Need Help With Navigation.

Free Web Hosting, No Ads > CONTRIBUTE > The Internet > Web Design

free web hosting

Need Help With Navigation.

zach101
Hey guys im making a site that needs to have well im not sure what its called im sure its in css though. Any way what I need is a navigation that when hovered over drops out to the side like this below:

Original Nav:
Home
About SSEC
Staff
Services
Store
Photo Gallery
News and Events
Contact

However when one is hovered over it looks like:

Home
About SSEC
• Mission Statement
• History
Staff
• Dr. John.Doe
• Dr. John.Doe
• Office Manager
Services
• Dentistry
• Lameness
• Pre-purchase
• Reproductive
• Vaccinations
Store
• Price Lists
• The Wrap Center
Photo Gallery
News and Events
Contact
• Mailing Address
• Phone
• Email
• Opportunities

Of course I dont want it to be that when you put your cursor over about or store they all hover thats just an example of what they would all look like im sure you guys have seen many like it before. So what im wondering is do any of you guys know a site in which you could direct me? I dont know enough CSS my self to actually write it all by hand and im sure its pretty simple.

 

 

 


Reply

Paul
I think this site (http://www.seoconsultants.com/css/menus/tutorial/) has it laid out pretty clean.. The problem with creating a hover menu using only CSS is that it is not VERY compatible! Using a combination of JavaScript and CSS would probably be the best solution!

There is a great example of Suckerfish dropdown menus here: http://www.htmldog.com/articles/suckerfish...ple/bones2.html

You can view the source and edit it to your needs wink.gif

Reply

Plenoptic
That looks like what he needs. That is a good source because that is something I have been looking for as well but I thought it was a JavaScript. Maybe I can use that for my site now if I ever get it back going again.

Reply

zach101
awesome thanks alot guys now i just have to tweak it and i may be posting some more replies if i need help tweaking it. I did decide however that i liek this one better which is i belive made by the same person which i also found through the link you gave me smile.gif any way thanks guys!!
Link:http://www.alistapart.com/articles/horizdropdowns

Reply

Goosestaf
http://www.alvit.de/css-showcase/css-navig...es-showcase.php

EXCELLENT site sfor CSS naviagtion techniques.
its all you should ever need biggrin.gif
Good tutorials on how to make the navigation look really nice and classy too.
Very 'newbie' friendly too smile.gif

Reply

zach101
Hey guys on this navigation ive figured out most of it, Like the background color and other stuff but how do I make the text and the whole lay out just bigger? what to I type in this area to make it liek twice as large.
Area to put the code in:(i assume)
CODE
ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    }

Actual site:http://www.alistapart.com/articles/horizdropdowns

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : navigation

  1. Custom Navigation Bar In Smf - Anyone know? i have googled it! (0)
  2. Need Help Wite Viewing Site In Ie - Navigation fails to work in internet exploder (5)
    Well guys most of the time I like to at least try to figure stuff out my self however I have been
    fighting with this navigation problem for a long time and its really starting to bug me. The
    problem is that I got it working fine... or so I thought because I was using firefox however when I
    tested it in IE it failed to work at all. Maybe you guys could be some help. Place where I
    originally got the Navigation: http://www.alistapart.com/articles/horizdropdowns/ However Im using
    the Javascript found here: http://www.nickrigby.com/article/11/drop-d...ntal-style-pt-2 ...
  3. Generalized Navigation Bar - (4)
    I am looking For stuff to add to a vertical navigation bar to my website. I only have Home Page,
    Email, Forum and Get Firefox! What could I add to the bar? Mine is a portal-type website. Any
    suggestions are appreciated. Thanks....



Looking for navigation

Searching Video's for navigation
advertisement



Need Help With Navigation.



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE