SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot naynay99's Avatar
    Join Date
    Jan 2010
    Location
    Los Angeles
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS position problem

    Hi,

    Not sure I am posting this in the right place. I updated my wordpress site and it made my menu screwy. I think it is a CSS positioning problem but I can't see how that could be since I changed nothing on the child theme. Any advice would be appreciated.

    http://tinyurl.com/b4avxlx

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,121
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Does seem like a CSS issue, at least in part. One thing you don't want is this background image on the <nav> itself:

    Code:
    nav {
    background-color: #8EA002;
    background-image: url(images/menu-sprite2.jpg);
    background-position: 0px 0px;
    height: 40px;
    }
    Removing that line in red helps. Just use the background on the <a>s themselves (where it already is).
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Zealot naynay99's Avatar
    Join Date
    Jan 2010
    Location
    Los Angeles
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you. Why is it a no no to use it there? Because I don't need it?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,121
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Yes, it's a "sprite" image that is only intended to appear through the little "windows" of each <a> element, as it were.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

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