Pages: [1]
Print
Author Topic: hidden images in IE  (Read 1114 times)
0 Members and 1 Guest are viewing this topic.
hawkwind dave
General
*****

Karma: +11/-0
Offline Offline

Posts: 2241



View Profile WWW
« on: December 21, 2009, 10:07:24 AM »

hi guys,

I need to fix a wee problem on this website....

http://www.aluminiumtipperbodies.co.uk/truck-body-types.html

in FF it's fine, but in IE7 (possibly other versions too), the hidden images are being displayed as a missing image (empty image with a red x).

Is there an easy way I can force IE to display nothing where an image cannot be found?

ps. needs to be in the page code rather than browser settings.

Thanks in advance.

Dave
Logged

Elvis invented karate!   £ :?,               

Web Design, Copywriting and SEO in Lancaster, UK - Web Video Presenters
Seo'ers - UK SEO, Internet Marketing and Webmaster Forums
« on: December 21, 2009, 10:07:24 AM »

Recommended SEOers Resources

3 months free Web Hosting from 123-reg!
 Logged
Boogaloodude
Major
*****

Karma: +7/-4
Offline Offline

Posts: 846


View Profile
« Reply #1 on: December 21, 2009, 10:37:38 AM »

Had a look but can't help mate, sorry. I'd have to completely reverse engineer it since I can't remember the last time I used a rollover or a hidden elements.
Logged

www.ImgWebDesign.co.uk - Web site design, Buxton Derbyshire

"Scientists have proof but no certainty, religions have certainty but no proof"
hawkwind dave
General
*****

Karma: +11/-0
Offline Offline

Posts: 2241



View Profile WWW
« Reply #2 on: December 21, 2009, 12:30:31 PM »

Thanks for looking, the designer who built that site isn't with us anymore so I can't just pass it over and say "fix this!".

Is the problem there in IE8 as well as IE7?
Logged

Elvis invented karate!   £ :?,               

Web Design, Copywriting and SEO in Lancaster, UK - Web Video Presenters
Boogaloodude
Major
*****

Karma: +7/-4
Offline Offline

Posts: 846


View Profile
« Reply #3 on: December 21, 2009, 02:14:26 PM »

I don't have IE8 (shock horror...), I'm more worried about backwards compatibility especially as IE8 is supposed to be closer to FF than in preious versions so as long as it looks ok in FF, IE 6 & 7 and opera, I'm happy.

Done a bit more googling on your problem but still no definitive answer, seems to be some kind of issue created by the JS and the CSS display:hidden mix though, that's where everything seems to point so I'd look there for an answer.

Logged

www.ImgWebDesign.co.uk - Web site design, Buxton Derbyshire

"Scientists have proof but no certainty, religions have certainty but no proof"
HHI Golf Guy
Global Moderator
Major
*****

Karma: +12/-2
Offline Offline

Posts: 912



View Profile
« Reply #4 on: December 21, 2009, 03:55:55 PM »

You can use a hidden div like this:

<div style="visibility: hidden"><img src="images/image1.jpg" style="height: 1px; width: 1px;" /></div>

Why do you have those hidden images there in the first place? Knowling that might lead to a better solution.

BTW, the same image breaks appear in IE8.
Logged

hawkwind dave
General
*****

Karma: +11/-0
Offline Offline

Posts: 2241



View Profile WWW
« Reply #5 on: December 21, 2009, 04:09:00 PM »

...Why do you have those hidden images there in the first place?...

it's just so the image changes when one hovers over the links to the body types on that page, no reason other than eye candy.

The original designer of the site is no longer working for us, and the remaining designers are on their holidays already the part time slackers... spending their days looking at pictures and not doing any proper work blah blah rant  laugh then have 3 weeks off for xmas in San fransisco or Florida blah blah rant I'm not bitter  Undecided

it'll probably be easier to rebuild the on hover events rather than fix what we've got. but thanks for the advice and time... much appreciated.

...and boogaloodude... i don't have IE8 too, I've never been one for upgrading at the 1st opportunity... thinking about it, it wasn't too long ago I upgraded from IE6!
Logged

Elvis invented karate!   £ :?,               

Web Design, Copywriting and SEO in Lancaster, UK - Web Video Presenters
HHI Golf Guy
Global Moderator
Major
*****

Karma: +12/-2
Offline Offline

Posts: 912



View Profile
« Reply #6 on: December 21, 2009, 04:30:43 PM »

it's just so the image changes when one hovers over the links to the body types on that page, no reason other than eye candy.

OK, then you can also use CSS to set an absolute position that is not visible on the page:

#div {
position: absolute;
left: -200px;
|
Logged

hawkwind dave
General
*****

Karma: +11/-0
Offline Offline

Posts: 2241



View Profile WWW
« Reply #7 on: December 21, 2009, 04:32:19 PM »

cool will give that a try. cheers  Cheesy
Logged

Elvis invented karate!   £ :?,               

Web Design, Copywriting and SEO in Lancaster, UK - Web Video Presenters
Pages: [1]
Print
Jump to:  


Related Topics
Subject Started by Replies Views Last post
does anyone know css well or how to use .png images ??? HELP
General Search Engine Optimisation discussion
right to buy mortgages 3 376 Last post June 02, 2006, 10:08:43 PM
by hawkwind dave
Visibility:hidden « 1 2 »
Google
Smiling Jack 17 556 Last post November 26, 2006, 01:26:22 PM
by yourweb
Stock Images
Website design and development
MuNKy 4 254 Last post January 12, 2007, 12:17:23 PM
by ctabuk
Optimising Images
Services Offered / Wanted
ash 12 502 Last post January 21, 2007, 02:21:15 PM
by kgun
Hidden Advertising
Strategies for marketing & Internet Marketing
minpin 6 442 Last post August 14, 2008, 09:30:23 AM
by minpin