Jump to content

CSS assistance


Guest ethanreese

Recommended Posts

Guest ethanreese

I'm new to this forum, and was hoping to get some assistance. I am not a programmer, but have managed to tweak bits and pieces of codes. This one came in quite difficult for me to figure out. i hope someone can help me out.

 

I wanted to put a sub menu under "services" for example.. how do we do this using the same style as the main nav?

 

basic navigation:

 

 

CSS:

 

#navigation { height: 50px; position: absolute; background: url(../images/layout/nav-bg.jpg) repeat-x; border-top: solid 1px #5b6066; }

#navigation ul { list-style: none; margin: 0; padding-left: 20px; }

#navigation ul li { float: left; display: inline; }

#navigation a { height: 50px; display: block; float: left; padding: 0 20px; }

#navigation a:hover,

#navigation a.active { background: url(../images/layout/nav-active-arrow.gif) no-repeat 50% 100%; }

 

Thanks!!!!

Link to comment
Share on other sites

Drop down menus can be quite complicated and it's not easy to add all the code without reference to a menu that already works.

 

I suggest that you look at hundreds of menus at cssplay, choose one that is close to what you want and edit it.

 

http://www.cssplay.co.uk/menus/

 

Try the Definition List menus first, like this one:-

http://www.cssplay.co.uk/menus/variable_dl.html

then the Latest Demontrations on the right like this one:-

http://www.cssplay.co.uk/menus/anywidth2.html

Edited by Wickham
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...