Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Oct 2004
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Vertical Menu submenu issues

    Ok, so at a page I am trying to create, I have a menu bar. On this menubar, I want submenus. However, I don't know how to do it without javascript, and I've been told there is a way. It doesn't help that I hardly know javascript, but...

    So, here's the site: www.marconid.com/index2.html

    please take a look and tell me if you know how to make the indented objects appear in a different box on scroll over the upper-most level of the list. I would appreciate it!

  • #2
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,778
    Thanks
    19
    Thanked 155 Times in 146 Posts
    You can't do this with HTML and CSS, and this the HTML/CSS forum....

    If you don't know javascript, why don't you do a Google search for free javascript/DHTML scripts that create expanding menus for you....there are tons of free scripts that will do this for you, as long as you know enough to configure the script.....
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #3
    Regular Coder
    Join Date
    May 2004
    Location
    Berkeley, California Age: 15
    Posts
    398
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yarrgle, chump, you can do this with CSS.

    There are many excellent, accessible, ways to make drop-downs etc with CSS.

    try

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

    Should be exactly what you need.
    Also, http://brothercake.com has some excellent css menu resources
    Jalenack.com .:. YWDA Founder .:. Rounded Corners Maker 1.1! .:. My Blog
    The hardest thing about teaching is not knowing the right answers, but knowing the right questions - Elisabeth Klein
    Pretty buttons does not a great website make.

  • #4
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,778
    Thanks
    19
    Thanked 155 Times in 146 Posts
    Sorry, I meant you can't do this with HTML/CSS by itself, you have to use some javascript....
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!

  • #5
    New Coder
    Join Date
    Oct 2004
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Alright, well I've been trying to get that website you gave me (thanks, by the way) to work, however I still can't get my submenus to work. Here's the site I'm workin on: www.marconid.com/index2.html
    If you're wonderin, this is a test version of the real thing until I can get the menu workin...
    I'm testing it in FF right now, and I think I can get it to IE by myself. Thanks again for the tutorial, and please tell me if you see something I missed.

  • #6
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by chump2877
    Sorry, I meant you can't do this with HTML/CSS by itself, you have to use some javascript....
    Yes you can... if it's going to work on IE, you need to use JS (or .htc/.htc files), but in theory, you can do it with HTML and CSS alone.

  • #7
    New Coder
    Join Date
    Oct 2004
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Right... I know I will have to use a little bit of javascript... but I'm trying to get it working in FF first. However, the website I'm going from doesn't mention FF anywhere, and I don't know if I have to have the JS in there for it to work in FF or not. Do you know?

  • #8
    Regular Coder
    Join Date
    May 2004
    Location
    Berkeley, California Age: 15
    Posts
    398
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes, look closely:

    Code:
    <li><a href="projects.html">Previous Projects</a></li>
    	<ul>
    	<li><a href="idaho.html">Idaho</a></li>
    	<li><a href="nevada.html">Nevada</a></li>
    	<li><a href="oregon.html">Oregon</a></li>
    	<li><a href="utah.html">Utah</a></li>
    
    	</ul>
    <li><a href="staff.html">Staff</a></li>
    You need to nest the submenus..like this:

    Code:
    <li><a href="projects.html">Previous Projects</a>Get rid of </li> here
    	<ul>
    	<li><a href="idaho.html">Idaho</a></li>
    	<li><a href="nevada.html">Nevada</a></li>
    	<li><a href="oregon.html">Oregon</a></li>
    	<li><a href="utah.html">Utah</a></li>
    	</ul>
    </li>
    <li><a href="staff.html">Staff</a></li>
    Jalenack.com .:. YWDA Founder .:. Rounded Corners Maker 1.1! .:. My Blog
    The hardest thing about teaching is not knowing the right answers, but knowing the right questions - Elisabeth Klein
    Pretty buttons does not a great website make.

  • #9
    New Coder
    Join Date
    Oct 2004
    Posts
    67
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OOOOO! My stupid. Now that I'm done feeling like a moron, I thank you for pointing out my obvious error, and my menu works now! ^_^


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •