SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2006
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Rollover Problem

    Hey everyone,

    I'm having trouble with the "ENTER GALLERY" rollover on the home page of www.blueleafphotography.com in IE. Rollover it and back off a couple times to see what I mean. This page validates, so I don't really get what's wrong.

    Here's the HTML:
    HTML Code:
        <div id="enterButtonShadow" class="floatLeft">
         <a href="gallery/">
          <span id="enterButton">
           <span id="enter">
            <img src="welcome/enter.png" height="28" width="119" class="hiddenForMSIE" alt="ENTER GALLERY" />
           </span>
          </span>
         </a>
        </div>
    And here's the CSS:
    Code:
    		#enterButtonShadow {
    			background: url(enterButtonShadow.png) no-repeat;
    			height: 30px;
    			padding: 15px;
    			width: 121px;
    		}
    			#enterButton, #enter {
    				height: 28px;
    				width: 119px;
    				display: block;
    				width: 119px;
    			}
    			#enterButton {
    				border: 1px solid #000000;
    			}
    				a #enterButton {
    					background: #1A1A1A url(../gallery/subNavTileOff.jpg) repeat-x;
    				}
    				a:hover #enterButton {
    					background: #005191 url(../gallery/subNavTileOn.jpg) repeat-x;
    				}
    Thanks for the help.

  2. #2
    Who is Mr Blonde? Mr Blonde's Avatar
    Join Date
    Sep 2006
    Location
    Gold Coast, QLD
    Posts
    359
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi I checked the page and it seems fine unless you pause over it for too long, then it takes a while to return to its normal state.

    Maybe if you add the other selectors to the link it will help:
    eg:
    Code:
    a:link {
    background: #1A1A1A url(../gallery/subNavTileOff.jpg) repeat-x;
    }
    
    a:visited {
    background: #1A1A1A url(../gallery/subNavTileOff.jpg) repeat-x;
    }
    
    a:active {
    background: #1A1A1A url(../gallery/subNavTileOff.jpg) repeat-x;
    }
    
    a:hover {
    background: #005191 url(../gallery/subNavTileOn.jpg) repeat-x;
    }
    Heavens Rejects : Online Clothing Store
    Alternative Clothing : Mr Blonde
    Front end development : By the Webfella


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
  •