Menu item links with background image and current-page: need to move link text

  • Resolved dave

    (@mozdzanowski)


    13 years, 11 months ago

    Hello,

    I’m having some trouble getting my menu to behave properly.

    What I have are menu li’s that contain text anchors with background images(so that the whole image is the link) whose position changes from “top” to “bottom” when hovered, creating a rollover effect.

    What I need to do is move the text down, vertically, to the bottom of it’s background image.

    The problem I’m having is when I apply top padding to the “..li a {” the current-page state of the link makes the background disappear(because of the combination of the bg position and the padding on top).

    My test is here: https://test.thegallerymusic.com

    Any help is very much appreciated.

    Dave

Viewing 2 replies - 1 through 2 (of 2 total)

  • Want I need to do is move the text down, vertically, to the bottom of it’s background image.

    I think you have that backwards. With these kind of CSS sprite effects, you move the background up.

    Thread Starter dave

    (@mozdzanowski)

    Setting the background-position to “top” technically moves it “down” and aligns to the “top”, and “bottom” moves it “up” and aligns the “bottom”, sure.

    The particulars of which value I chose had nothing to do with my problem, though.

    I seemed to have figured it out. Thanks anyways.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu item links with background image and current-page: need to move link text’ is closed to new replies.