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 6 of 6
  1. #1
    New Coder
    Join Date
    Dec 2008
    Location
    Latvia, Riga
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css horizontal menu

    Hi, everyone.
    I have problem with my CSS horizontal menu. It is drop down menu. Every submenu is not in correct place, but is shown at the right side of all menu.
    You can see it in: http://rkg.hostei.com
    Just move your cursor on the menu. There are few sub menu's.
    I need help, to place those sub menu right under the menu button but I have no idea how to do that.

    Thank you in advance.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I don't see any drop down anywhere!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Dec 2008
    Location
    Latvia, Riga
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok.
    Code of css file:

    CSS

    And code of menu items:

    menu.txt

    There is drop down, but submenu position is wrong.

    P.S.
    Right now web server, which I am using, is being tested. So for now, it's not available.

  • #4
    New Coder
    Join Date
    Dec 2008
    Location
    Latvia, Riga
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, now web adress
    http://rkg.hostei.com
    is available. There is menu with submenus. Can somebody help me, please?

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    <li><a href="#">Par ģimnāziju</a></li>
        		<ul>
        			<li><a href="koncepcija.php">Koncepcija</a></li>
    
        			<li><a href="programmas.php">Programmas</a></li>
        			<li><a href="https://login.e-klase.lv/default.aspx?login=1&AspxAutoDetectCookieSupport=1" target="_blank">Tava e-klase</a></li>
        			<li><a href="#">Sadarbības partneri</a>
        				<ul>
        					<li><a href="http://www.manaskola.lv" target="_blank">Sestdienas skola</a></li>
        					<li><a href="interesu_izglitiba.php">Interešu izglītība</a></li>
    
        				</ul>
        			</li>
        		</ul>
        	</li>
    Your markup nesting is incorrect. It should be of the form
    Code:
    <li><a href="#">Percoidei</a>
    		<ul>
    			<li><a href="#">Remoras</a></li>
    			<li><a href="#">Tilefishes</a></li>
    			<li><a href="#">Bluefishes</a></li>
    			<li><a href="#">Tigerfishes</a></li>
    		</ul>
    	</li>
    Refer http://htmldog.com/articles/suckerfish/dropdowns/

    PS: validate your code and fix the errors in your markup first!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Regular Coder
    Join Date
    Jun 2007
    Location
    N. Ireland
    Posts
    351
    Thanks
    16
    Thanked 4 Times in 4 Posts
    If you want to steal my css and nav list from a horizontal nav site:
    http://www.volunteering-ni.org
    CSS:
    http://www.volunteering-ni.org/css/main.css

    Based on Suckerfish.

    D.
    Daemonkin.
    If this was helpful, please add to my reputation
    Thousand Sons - Freelance Web Developer - ninetyonedegrees.com


  •  

    Posting Permissions

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