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 7 of 7
  1. #1
    Codeasaurus Rex
    Join Date
    Jun 2008
    Location
    Redmond, WA
    Posts
    659
    Thanks
    31
    Thanked 100 Times in 94 Posts

    Things being pushed to the right

    Hey everyone,

    I've been trying to get my rollover CSS menus going but have been hitting some walls. Here is my site and my problem: http://cr.xt-arts.com. Notice when you mouse over the buttons (About Us, for example) it pushes everything to the right and pushes the content on the page down.

    How can I make it so it pops out ontop? I've tried Z-indexes but it hasn't had any effect.

    Thanks for ANY help you can provide!
    Unless otherwise stated, any code posted is most likely untested and may contain syntax errors.
    My posts, comments, code, and suggestions reflect only my personal views.
    Web Portfolio and Code Snippets: http://shanechism.com

  • #2
    Regular Coder ninnypants's Avatar
    Join Date
    Apr 2008
    Location
    Utah
    Posts
    504
    Thanks
    10
    Thanked 47 Times in 47 Posts
    Try changing
    Code:
    #menu li li
    
    #menu li li:hover
    to
    Code:
    #menu li ul
    
    #menu li:hover ul

  • #3
    Codeasaurus Rex
    Join Date
    Jun 2008
    Location
    Redmond, WA
    Posts
    659
    Thanks
    31
    Thanked 100 Times in 94 Posts
    Quote Originally Posted by ninnypants View Post
    Try changing
    Code:
    #menu li li
    
    #menu li li:hover
    to
    Code:
    #menu li ul
    
    #menu li:hover ul
    Same problem, just removed all my styling
    Unless otherwise stated, any code posted is most likely untested and may contain syntax errors.
    My posts, comments, code, and suggestions reflect only my personal views.
    Web Portfolio and Code Snippets: http://shanechism.com

  • #4
    Regular Coder ninnypants's Avatar
    Join Date
    Apr 2008
    Location
    Utah
    Posts
    504
    Thanks
    10
    Thanked 47 Times in 47 Posts
    Have you checked out Sucker fish drop downs? http://www.alistapart.com/articles/dropdowns/

  • #5
    Codeasaurus Rex
    Join Date
    Jun 2008
    Location
    Redmond, WA
    Posts
    659
    Thanks
    31
    Thanked 100 Times in 94 Posts
    Quote Originally Posted by ninnypants View Post
    Have you checked out Sucker fish drop downs? http://www.alistapart.com/articles/dropdowns/
    My code is fixable, I just don't see it yet - which is why I posted this thread. I can Google a thousand and one different ways to achieve this but no matter what method I use I will have similar problems on implementation if I don't understand the fundamental concept.
    Unless otherwise stated, any code posted is most likely untested and may contain syntax errors.
    My posts, comments, code, and suggestions reflect only my personal views.
    Web Portfolio and Code Snippets: http://shanechism.com

  • #6
    Regular Coder ninnypants's Avatar
    Join Date
    Apr 2008
    Location
    Utah
    Posts
    504
    Thanks
    10
    Thanked 47 Times in 47 Posts
    I took another look at it and on the hover I had the drop down position absolute which fixed part of the problem, but it still covers your other buttons. I think your problem may be in you positioning statements, or something with hour you're styling your LI's

  • #7
    Codeasaurus Rex
    Join Date
    Jun 2008
    Location
    Redmond, WA
    Posts
    659
    Thanks
    31
    Thanked 100 Times in 94 Posts
    Quote Originally Posted by ninnypants View Post
    I took another look at it and on the hover I had the drop down position absolute which fixed part of the problem, but it still covers your other buttons. I think your problem may be in you positioning statements, or something with hour you're styling your LI's
    As those are the only two things that are unique about my code, I'd have to agree . The question is what are they, and how do I fix them.
    Unless otherwise stated, any code posted is most likely untested and may contain syntax errors.
    My posts, comments, code, and suggestions reflect only my personal views.
    Web Portfolio and Code Snippets: http://shanechism.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
    •