Hover links are messed up in IE vs FF (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


kemble -> Hover links are messed up in IE vs FF (11/11/2007 23:47:01)

www.systemskins.com/sscart/home.php

I use FF as my primary but my girlfriend uses IE. When she looked up the site she brought this to my attention.

Looks great in FF. Goes to hell in IE

How do I correct the position of the hover text links to look the same in IE as they do in FF?




Tailslide -> RE: Hover links are messed up in IE vs FF (11/12/2007 2:52:29)

Yep it's not just IE either - appears broken in Opera too.

Currently there's no CSS governing the position of these links - I suppose you could add positioning rules to the class that you've applied to them (currently just dealing with font styling etc) but to be honest I wouldn't do it at all.

It's too easily broken.

If anyone increases their text-size even once then the text overruns the background image.

It's also difficult to offer a lot of advice because of the table-layout - hopefully someone else might be able to offer more advice on that front.

Personally, I'd dump the controller thing as being too fragile for the open web. BUT If you really really want to keep it then I'd say your only option would be to use an image map of some kind. I don't know how old-school image maps work (don't use them - too inaccessible) but Stu Nicholls has a few interesting looking ones on his site: http://www.cssplay.co.uk/index which are CSS governed, so you might want to have a look there.





kemble -> RE: Hover links are messed up in IE vs FF (11/12/2007 4:08:51)

Thanks Tailslide !!

I think an image map will do what I'm looking for.

Thanks




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.1401367