homepage Welcome to WebmasterWorld Guest from 23.22.173.58
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
css hover
rizla123



 
Msg#: 4359665 posted 9:00 pm on Sep 7, 2011 (gmt 0)

Hey

Allright so i've been at this for quite sometime now about a few days here and there. I know that there already is a posting similar to this one however it didn't work. What i'm trying to do is have it when you hover over an image, the image moves to the left bottom position.

Here is the code I tried:

a{
width:94px;
height:94px;
float:left;
}
a:hover{
background-position:bottom;
}



The problem is that background-position gets ignored.

The other issue is that I can't add a background:url in the a class because i'm using a cms, so the image is automatically placed.

I would really love some help on this asap. It's been driving me insane that I can't figure it out.

Thanks
Riz

 

penders

WebmasterWorld Senior Member penders us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4359665 posted 9:55 pm on Sep 7, 2011 (gmt 0)

The other issue is that I can't add a background:url in the a class because i'm using a cms, so the image is automatically placed.


How are you adding a background-image to the anchor? Automatically placed? The anchor needs to have a background-image in order for background-position to have any effect.

rizla123



 
Msg#: 4359665 posted 10:28 pm on Sep 7, 2011 (gmt 0)

it's done through a cms actually, so the css call say in firebug is just element.style

penders

WebmasterWorld Senior Member penders us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4359665 posted 11:00 pm on Sep 7, 2011 (gmt 0)

In that case it's added inline. Try...
background-position: -50px 50px;

Does that do anything?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved