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
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts

    Getting :hover to do what I want...

    I have this, but when I put my mouse over the gray part of the header, the link doesn't change colour/background, I only get what I want when the mouse is over the link itself.

  • #2
    Regular Coder
    Join Date
    May 2004
    Location
    Berkeley, California Age: 15
    Posts
    398
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hey...thats because the link doesn't cover that part. You can't hover over it if its not there ;p .

    try adding this rule:

    h1 a {
    width: 100%;
    display: block;
    color: red;
    }
    Jalenack.com .:. YWDA Founder .:. Rounded Corners Maker 1.1! .:. My Blog
    The hardest thing about teaching is not knowing the right answers, but knowing the right questions - Elisabeth Klein
    Pretty buttons does not a great website make.

  • #3
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    I could be wrong, but when it's display: block, you specify the height and the width expands naturally... not the other way around.

    a {
    display: block
    height: 100%;
    }

    Just to be safe I always assign height and width to my links whaen making them block elements...

  • #4
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Thanks both of you, Andrew, you were closest
    Code:
    h1 a {
    width: 100%;
    display:block;
    }

  • #5
    New Coder
    Join Date
    Jan 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow

    Hey i looked at ur site in both of the browsers FF and IE. It seems to be what u want is only working for FF. In IE it looks lets put it this way "ugly" i think u should look in to it more.

  • #6
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Sigh... I know about the IE problem (a mixture of IE bugs and IE not supporting my CSS fully)...

    My other problem is that I don't a computer running Windows to test it in IE, although I should be getting Virtual PC 7 Upgrade, so I can finally use it on my G5, to give me a reasonably speeded emulation of Windows XP.

  • #7
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Dmitriy
    Hey i looked at ur site in both of the browsers FF and IE. It seems to be what u want is only working for FF. In IE it looks lets put it this way "ugly" i think u should look in to it more.
    Ditto Opera 8 beta


  •  

    LinkBacks (?)

    1. 09-17-2014, 05:13 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
    •