Comments on: Image rollovers without JavaScript!

By: Evan Agee

Evan Agee — Tue, 18 May 2010 21:40:05 +0000

Greetings Drew. Is it possible that the undesired line break is caused by the natural wrapping properties of a div? If so you’ll want to add a display: inline property to your CSS and see if that clear it up. If that isn’t the issue can you share the specific HTML that’s causing the issue?

By: Drew

Drew — Wed, 06 Jan 2010 17:00:12 +0000

Hi I am getting an undesired line break in my page, I was wondering if you could tell me what is causing this in terms of my buttons… I would like to be arranged horizontally. I have changed the tags to to avoid a page break… But it’s still occuring. Thank You Much

Drew

By: slant

slant — Thu, 07 Sep 2006 16:37:28 +0000

Actually, option two seems very preferable. If you go to seeunity.com – you’ll see that the top nav uses the first method – but the first time you rollover – you’ll get some funky experiences. I am guessing that this second method will work better.

By: Evan Agee

Evan Agee — Fri, 25 Aug 2006 15:50:08 +0000

Yes, pre-loading is a good idea, just as it is with traditional Javascript-fueled rollovers.

By: Maria

Maria — Fri, 25 Aug 2006 15:47:45 +0000

When you preload the images it doesn’t take as long… but thanks for the idea. I like it a lot.

By: ruud

ruud — Thu, 08 Dec 2005 13:00:06 +0000

I used it in Netscape 8.0.4 and Firefox 1.0.7 but de red image doesn’t stay when i clicked it, it returns to white with a border around the image.
On InternetExplorer 6 it works fine.
Is there a workaround for the other two browsers?

By: nataz

nataz — Thu, 01 Dec 2005 20:06:52 +0000

It works perfectly under Mac os X with Safari 2.0.2, IE 5.2.3, FireFox 1.0.6, Netscape 7.2, Shiira 0.9.5 and Opera 7.54 as well as under Windows XP pro with Netscape 7.2, FireFox 0.9.3 & 1.5, and IE 6.0.26.

By: Nick Shaw

Nick Shaw — Tue, 17 May 2005 08:43:44 +0000

I dont think Safari on the mac supports the background CSS.

By: Evan Agee

Evan Agee — Mon, 25 Apr 2005 19:53:32 +0000

I’ve tested this code on Mozilla 1.0 and several versions of Netscape and IE and it seems to be fine. Please feel free to send me any browser/version information if you find a browser that this CSS doesn’t work with.

By: Martin

Martin — Mon, 18 Apr 2005 23:50:12 +0000

I like the second option. but it does not seem to work in Gecko browsers…