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 3 of 3
  1. #1
    New Coder
    Join Date
    Apr 2009
    Posts
    29
    Thanks
    1
    Thanked 1 Time in 1 Post

    a:hover and background-position

    The site: longshots-bar.com

    I have a set of navigation thumbnails and the daily nav links that I have used CSS to change the background position when they are hovered over. The issue that i am having is that it works fine in FF but not in IE. Im pretty new to all of this so I don't know what IE does and doesn't support.

    The other issue I am having also pertains to the nine Navigation thumbnails near the middle of the page. The "hover state" image is partially showing behind the Text for that link. The text itself is not enclosed in an <a> tag. I have tried changing the heights of various elements to no avail.

    Thanks for any advice!

    Adam

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,690
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Hello admhays,
    I think IE still doesn't hover anything that is not a link. I didn't try this locally but it may fix your #navleft hover... or it may not.
    Code:
    #navLeft:hover{
    	}
    #navLeft a:hover{
    	text-decoration: none;
    	color: #272626;
    	background-position: 0px -38px;
    	}
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Apr 2009
    Posts
    29
    Thanks
    1
    Thanked 1 Time in 1 Post
    i solved it like by adding a background image to each individual div for each day like this:

    #navLinkMon a:hover{
    background-image: url{"images/navLinkMon.gif");
    background-position: 0px -38px;
    }

    The navLeft div doesnt actually have a background each child div does. For whatever reason when i put all the #navLink"xxx" in one CSS declaration with the background-position property it didnt work but individually it does.

    Thx for the help!
    Last edited by admhays; 10-24-2009 at 02:47 AM.


  •  

    Posting Permissions

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