Re: [css-d] CSS background image hover problem

2009-11-16 Thread Climis, Tim
John, First, take the background image off of the #backToTop div. Then you'll see that the image isn't even there to change color. The problem is that you haven't set dimensions on your A tag. Once you do that, everything should work as you intend. Like this: a.backtotop { display: block;

Re: [css-d] CSS background image hover problem

2009-11-16 Thread Philippe Wittenbergh
On Nov 16, 2009, at 8:12 PM, John Franks wrote: > Hi, I'd be very grateful for help. I am quite new to CSS and a > little confused. Thank you very much in advance. First things first: welcome around ! > The site I am building is here at www.euro-peanflooring.co.uk > I am trying to create the

Re: [css-d] CSS background image hover problem

2009-11-16 Thread jeffrey morin
On Mon, Nov 16, 2009 at 9:05 AM, Jack Timmons wrote: > On Mon, Nov 16, 2009 at 8:00 AM, Jack Timmons wrote: > > } > > #footer #backToTop a{ > >visibility: hidden; > > } > > > > That should accomplish what you're seeking. > > > > -- > > -Jack Timmons > > http://www.trotlc.com > > Twitter:

Re: [css-d] CSS background image hover problem

2009-11-16 Thread Jack Timmons
On Mon, Nov 16, 2009 at 7:37 AM, John Franks wrote: > Ok, thanks everyone for your help. I am nearly there - Please note that using > seperate images is not an option. I need to learn this background-positioning > technique. > > The updated “back to top” image/link in the footer of the site can

Re: [css-d] CSS background image hover problem

2009-11-16 Thread Jack Timmons
On Mon, Nov 16, 2009 at 8:00 AM, Jack Timmons wrote: > } > #footer #backToTop a{ >        visibility: hidden; > } > > That should accomplish what you're seeking. > > -- > -Jack Timmons > http://www.trotlc.com > Twitter: @codeacula > As a side note: A quick and dirty fix to making the link clicka

Re: [css-d] CSS background image hover problem

2009-11-16 Thread tedd
At 1:37 PM + 11/16/09, John Franks wrote: >Ok, thanks everyone for your help. I am nearly there - Please note >that using seperate images is not an option. I need to learn this >background-positioning technique. Try this: http://webbytedd.com/bb/replace-image1/ There are other tips there.

Re: [css-d] CSS background image hover problem

2009-11-16 Thread John Franks
> CC: johnfra...@hotmail.co.uk > From: e...@l-c-n.com > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] CSS background image hover problem > Date: Mon, 16 Nov 2009 21:38:16 +0900 > > > On Nov 16, 2009, at 8:12 PM, John Franks wrote: > > > Hi, I'd

Re: [css-d] CSS background image hover problem

2009-11-16 Thread Val Dobson
Forget about fiddling with image placement - just use two different images. Val 2009/11/16 John Franks : > > I am trying to create the effect where the “back to top” image/link is > initially coloured in white, as is currently happening. But when a user > hover’s over the “back to top” image/li

[css-d] CSS background image hover problem

2009-11-16 Thread John Franks
Hi, I'd be very grateful for help. I am quite new to CSS and a little confused. Thank you very much in advance. The site I am building is here at www.euro-peanflooring.co.uk. My problem is in the footer at the bottom of the page, with the “back to top” image/link. When a user clicks on the "