Small issue with navigation

Discussion in 'HTML' started by Ivana Lottaspam, Mar 12, 2008.

  1. Hi everybody,

    Some time ago, I asked for some advice concerning the design of my
    website. One of the tips that were offered to me was to create a clearer
    form of navigation.

    At that point, the active menu item had a different background colour
    than the others, and a little arrow icon to indicate the fact that it was
    the active one. On hover of all the others, that same background and icon
    would appear.

    I've since removed the icon for the on hover event - but of course now,
    when I hover over the active one, the icon disappears. You can see for
    yourself how it looks right now: http://haus.scienceontheweb.net/ .

    Is there a way to keep this icon? I'm not sure how to do this in css...
    do I need to set the on hover event for the active one to another class
    or something?

    Thanks for the help!

    Ivana Lottaspam
    --
    http://haus.scienceontheweb.net/
    harvesting and understanding spam
    Ivana Lottaspam, Mar 12, 2008
    #1
    1. Advertising

  2. Ivana Lottaspam

    dorayme Guest

    In article <Xns9A5FE79B1C94Bivanalottaspam@69.16.176.253>,
    Ivana Lottaspam <> wrote:

    > Hi everybody,
    >
    > Some time ago, I asked for some advice concerning the design of my
    > website. One of the tips that were offered to me was to create a clearer
    > form of navigation.
    >
    > At that point, the active menu item had a different background colour
    > than the others, and a little arrow icon to indicate the fact that it was
    > the active one. On hover of all the others, that same background and icon
    > would appear.
    >
    > I've since removed the icon for the on hover event - but of course now,
    > when I hover over the active one, the icon disappears. You can see for
    > yourself how it looks right now: http://haus.scienceontheweb.net/ .
    >
    > Is there a way to keep this icon? I'm not sure how to do this in css...
    > do I need to set the on hover event for the active one to another class
    > or something?
    >
    > Thanks for the help!
    >
    > Ivana Lottaspam


    Add the background image to your hover, thus:

    #navigation a:hover {
    background: #c5deff url('../img/arrow.gif') 96% 50% no-repeat;
    color:#0764be;
    }


    instead of your

    #navigation a:hover {
    background: #c5deff 96% 50% no-repeat;
    color:#0764be;
    }

    --
    dorayme
    dorayme, Mar 12, 2008
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. roger beniot

    newbie navigation/form re-draw issue...

    roger beniot, Apr 6, 2004, in forum: ASP .Net
    Replies:
    1
    Views:
    348
    Chris Moore
    Apr 10, 2004
  2. dorayme

    Small table issue

    dorayme, Sep 4, 2006, in forum: HTML
    Replies:
    4
    Views:
    362
    dorayme
    Sep 5, 2006
  3. Laurahn
    Replies:
    3
    Views:
    887
    Steven Cheng[MSFT]
    Feb 6, 2007
  4. v4vijayakumar

    small issue with Idle

    v4vijayakumar, Aug 8, 2008, in forum: Python
    Replies:
    2
    Views:
    231
    Mike Driscoll
    Aug 8, 2008
  5. Chris Large

    Small issue with REXML output

    Chris Large, Dec 23, 2005, in forum: Ruby
    Replies:
    1
    Views:
    79
Loading...

Share This Page