CSS sidebar problem

  • thejazzman

    (@thejazzman)


    16 years, 8 months ago

    Hi, I use the Beastblog v2 german edition theme. I’d like to put a button with an mouse rollover effect on my sidebar. I added the following CSS code on the bottom of the standard CSS sheet of my theme:

    #youtube-button a { 

display:block;
background-image:url(images/youtube-button.png);
width:195px;
height:40px;
}

#youtube-button a:hover {
background-image:url(images/youtube-button-on.png);
}

    On the sidebar php file I added the following code:

    <a id="youtube-button" href="http://www.youtube.com/user/funkapotentemusic">&nbsp;</a>

    Sadly my CSS code has no effect on the appearance of the button. Theres just a whitespace on my sidebar. Does anyone knows where’s the problem?

Viewing 1 replies (of 1 total)
  • robs-1

    (@robs-1)

    16 years, 8 months ago

    Change #youtube-button a to a#youtube-button and it should work. #youtube-button a is looking for a parent element with an id of youtube-button containing an <a> tag whereas a#youtube-button will look for an <a> tag with an id of youtube-button.

Viewing 1 replies (of 1 total)

The topic ‘CSS sidebar problem’ is closed to new replies.