Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Menu Problem

  1. #1
    New to the CF scene
    Join Date
    Jul 2010
    Thanked 0 Times in 0 Posts

    Menu Problem


    I have a problem with a menu that I am hoping someone can help with.

    The menu is created using a table.

    The menu contains a sub menu, which should only be displayed when displaying the parent menu items page. I have used the display:none CSS setting to hide the sub rows for pages where I don’t want to display it but this leaves a gap between the main menu items when no sub menu is displayed. Anyone have any ideas?

    I have attached the HTML for the homepage (no submenu’s should be displayed) and a page for which the submenu should be displayed together with the CSS for each of the two HTML pages and the common CSS that all share. Due to attachment limit all the CSS is copied into common file (CSS.txt)

    I previously tried using a list approach which although fixed the row gap problem gave another issue in that but the icon that is displayed when a menu item is hovered over had issues (when showing sub menu the icon was displayed for both main and sub menu item).

    Any help greatly appreciated.
    Attached Images Attached Images  
    Attached Files Attached Files

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Thanked 2,224 Times in 2,211 Posts
    The menu is created using a table.
    NO! You shouldn't use a tables for layout. They are for presenting tabular data.

    With that said, I'd recommend you to check http://www.htmldog.com/articles/suckerfish/dropdowns/, which is good article on making drop down menus.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    neil_f (08-01-2010)


    Posting Permissions

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