Comments on: CSS Tip: Hover effects done properly

By: Matt

Matt — Tue, 24 May 2011 09:47:41 +0000

Genius!

By: Funny collection

Funny collection — Wed, 24 Nov 2010 03:38:55 +0000

hello. Maybe you can help. I want an effect on the image that is on my index.php and it being controlled by main.css. The image in index files i called button1 and the effect in the css file looks like this
#button1 {
background-image:url(bg1.png);
width:134px;
height:43px;
background-repeat: no-repeat;
background-position: bottom;

}

What line can I add to the code so when I move the mouse over it would switch to some other image of the same size in my case that other images is called bb.png I want to replace pg1.png I don’t want to use roll over effect that comes with dreamweaver in this case. But in addition I want the image that comes out to be clickable after the mouse is on top and linked to google.com.

Thank you.

By: Tip: Learn through sharing « Enter the Tatrix

Tip: Learn through sharing « Enter the Tatrix — Wed, 25 Jun 2008 04:24:02 +0000

[...] the simple little tricks that people find real value in. One of my more popular posts describes how to do a hover effect in CSS. It also opens up your ideas for others to comment on, which might prompt something you’d never [...]

By: Using TFS Now to fix up issues in TFS Now! « TFS Now

Using TFS Now to fix up issues in TFS Now! « TFS Now — Tue, 31 Jul 2007 23:04:58 +0000

[...] August 1st, 2007 in Uncategorized by Mitch Denny Thanks to Tatham Oddie we now know about a CSS/image roll over issue on the TFS Now homepage. I’m actually sitting [...]