Web Design Forums

Senne · 19-06-2007, 08:57

Hi,

I'm having trouble with IE again. Here's the website i'm making: Chiro TOM & SAM - Kamp 2007

If you use IE, you will not be able to click on links. Try clicking on the Flickr image at the left for example, nothing happens. The website is using lots of transparant PNG's, so I had to implement some CSS and Javascript hacks. Maybe that's causing the problems?

Here's the code of the CSS hack (you can find it in the head of the website)

Code:

filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=gfx/bg_content_in-trans.png,
sizingMethod='scale');

The Javascript hack I used is this one: /IE7/

Can anybody help?

herkalees · 19-06-2007, 10:31

I don't know where to begin to fix the issue really, but making it validate is a start. See your errors here: Result for http://www.chirotomsam.be/kamp2007/ - W3C Markup Validator

twentysixtwelve · 19-06-2007, 11:02

? why us "lots of transparent pngs"...

What value are they bringing to the design exaclty?

newbie1976 · 19-06-2007, 11:35

To fix transparent PNGs I use pngfix.js . Nice and simple.

Senne · 20-06-2007, 07:31

Quote:

Originally Posted by twentysixtwelve

? why us "lots of transparent pngs"...

What value are they bringing to the design exaclty?

A lot of images in my design use shadows or glows. For example this shadowed one: http://www.chirotomsam.be/kamp2007/a...down-trans.png

You can't achieve such a nice shadow with JPEG or GIF.

Senne · 20-06-2007, 07:48

Quote:

Originally Posted by herkalees

I don't know where to begin to fix the issue really, but making it validate is a start. See your errors here: Result for http://www.chirotomsam.be/kamp2007/ - W3C Markup Validator

Hey, thanks for the link. The only errors I still have are Javascript-errors in the code of Flickr. How can I solve them?

Senne · 20-06-2007, 07:53

Quote:

Originally Posted by Senne

Hey, thanks for the link. The only errors I still have are Javascript-errors in the code of Flickr. How can I solve them?

Fixed! The ampersands caused the errors. & had to be & of course. Now the page is valid XHTML 1.0 Transitional. I don't have a Windows-machine here, so I'll check my website later if it works or not.

Thanks already!

twentysixtwelve · 20-06-2007, 08:32

Is this a bit strange ?

#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {
background:inherit inherit inherit inherit inherit !important;
clear:both;

herkalees · 20-06-2007, 08:34

Quote:

Originally Posted by Senne

Fixed! The ampersands caused the errors. & had to be & of course. Now the page is valid XHTML 1.0 Transitional. I don't have a Windows-machine here, so I'll check my website later if it works or not.

Thanks already!

Glad you got it sorted.

longisland6 · 20-06-2007, 16:14

hhmmmm.... on xp w/ie6, can't click anything and some images are missing.

19-06-2007, 08:57	#1 (permalink)
Senne Registered User Join Date: May 2004 Location: Antwerp, Belgium Posts: 42	Nothing clickable in IE.. Hi, I'm having trouble with IE again. Here's the website i'm making: Chiro TOM & SAM - Kamp 2007 If you use IE, you will not be able to click on links. Try clicking on the Flickr image at the left for example, nothing happens. The website is using lots of transparant PNG's, so I had to implement some CSS and Javascript hacks. Maybe that's causing the problems? Here's the code of the CSS hack (you can find it in the head of the website) Code: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=gfx/bg_content_in-trans.png, sizingMethod='scale'); The Javascript hack I used is this one: /IE7/ Can anybody help?

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

19-06-2007, 10:31	#2 (permalink)
herkalees Semantics, yay. Join Date: Nov 2005 Location: Salem, Massachusetts Posts: 1,093	I don't know where to begin to fix the issue really, but making it validate is a start. See your errors here: Result for http://www.chirotomsam.be/kamp2007/ - W3C Markup Validator

19-06-2007, 11:02	#3 (permalink)
twentysixtwelve css is cool m'kay Join Date: Mar 2007 Location: Currently Vancouver, Canada Posts: 330	? why us "lots of transparent pngs"... What value are they bringing to the design exaclty?

19-06-2007, 11:35	#4 (permalink)
newbie1976 Registered User Join Date: Jan 2007 Posts: 91	To fix transparent PNGs I use pngfix.js . Nice and simple.

20-06-2007, 08:32	#8 (permalink)
twentysixtwelve css is cool m'kay Join Date: Mar 2007 Location: Currently Vancouver, Canada Posts: 330	Is this a bit strange ? #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { background:inherit inherit inherit inherit inherit !important; clear:both;

20-06-2007, 16:14	#10 (permalink)
longisland6 stephen eighmey Join Date: Oct 2006 Location: earth Posts: 150	hhmmmm.... on xp w/ie6, can't click anything and some images are missing.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)