[JCAddy]

PROBLEM SOLVED, thanks for the feedback

Hello all - I am in the middle of re doing my website from the bottom up. I'm using a starter / template base through indexhibit.org and trying to customize from there but I am now finding that it's more pain than it's worth and could have probably done it from scratch. When viewed in Firefox, chrome, or safari it displays properly but when viewed in IE it's got some strange things going on.

The issue I am having right now is that when viewed through IE (I know, I know...) images that are links, are automatically being given a rollover effect, when they should be static images (with no rollover effects) that link to another page. See below.

main page: http://www.jaddyportfolio.com
direct link: http://www.jaddyportfolio.com/work/arch ... rendering/

Any ideas how to prevent this from happening in IE? This is probably a simple fix, but I am a tard when it comes to CSS / HTML, so I am learning as I go.

Thanks in advance.
Jason

[Bubbaloo]

I have no experience with website development. So I can not help you with your problem. I'm just here for emotional support.

[JCAddy]

You always were good for bumping a thread. Haha, thanks for the support!

[caryjames]

Really nice site, renders and presentation!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

P.S. Opens fine here in Firefox

[JCAddy]

Thanks Cary. I wish people would just stop using IE and I wouldn't be having this problem. Who really enjoys IE anyway?

[JCAddy]

Bump, no love? I know a lot of you guys on here are smart with the coding.

[Mihai]

Try taking out this part:

Code: Select all

<script type='text/javascript'>
function swapImg(a, image)
	{
		var the_path = 'http://www.jaddyportfolio.com/files/gimgs/' + image;
		show = new Image;
		show.src = the_path;
		$('body').css({ backgroundImage: 'url(' + show.src + ')', backgroundPosition: '215px 0' , backgroundRepeat: 'no-repeat' });

		var title = $('#img' + a).attr('title');
		var caption = $('#img' + a).attr('alt');
		
		if (title != 'N/A') 
		{
			caption = (caption != 'N/A') ? ': ' + caption : '';
			$('#backgrounded-text').html('<span style="background: white; line-height: 24px;">' + title + caption + '</span>');
		}
		else
		{
			$('#backgrounded-text').html('');
		}
	}
</script>

[JCAddy]

I'll try that. Thanks Mihai.

[RobMitchell]

Thanks Cary. I wish people would just stop using IE and I wouldn't be having this problem. Who really enjoys IE anyway?

This has been a problem that's been halting our final website designs for ages. The worst thing is that, statisticly, most people are still using IE6 which makes most websites coded for recent versions of Firefox and other browsers look terrible. It's almost like a whole new code needs creating to make it look correct.

Looking forward to the point where people either ditch IE all together or IE suddenly becomes good. :p

[Bubbaloo]

It looks great on FF.

The only thing I can comment negatively on is the choice of music for the video. For me, it doesn't fit well.

[JCAddy]

It looks great on FF.

The only thing I can comment negatively on is the choice of music for the video. For me, it doesn't fit well.

Damn you, I started with the music, because I liked it....and edited the video to match the timing of specific parts. Thought it would be a nice change from the fast paced techno music you hear in most reels. Too late though, what's done is done, not changing that guy.

[JCAddy]

Try taking out this part:

Code: Select all

<script type='text/javascript'>
function swapImg(a, image)
	{
		var the_path = 'http://www.jaddyportfolio.com/files/gimgs/' + image;
		show = new Image;
		show.src = the_path;
		$('body').css({ backgroundImage: 'url(' + show.src + ')', backgroundPosition: '215px 0' , backgroundRepeat: 'no-repeat' });

		var title = $('#img' + a).attr('title');
		var caption = $('#img' + a).attr('alt');
		
		if (title != 'N/A') 
		{
			caption = (caption != 'N/A') ? ': ' + caption : '';
			$('#backgrounded-text').html('<span style="background: white; line-height: 24px;">' + title + caption + '</span>');
		}
		else
		{
			$('#backgrounded-text').html('');
		}
	}
</script>

I did this last night and it didn't work. I'm about as clueless to WHY I would have been removing that as to what to do next, so thanks for the suggestion.

[yolk]

how about a start page that says: are you using IE? you're a moron. download chrome or firefox here' and then add the links.


i know everybody hates flash..but at least it looks the same in all browsers - hence why i chose it

[JCAddy]

how about a start page that says: are you using IE? you're a moron. download chrome or firefox here' and then add the links.


i know everybody hates flash..but at least it looks the same in all browsers - hence why i chose it

LOL, I think the intro page is a good solution. I had a flash site before this, but figured "hey I'll do it in HTML / CSS to make it simple" and now look at where I am at.

[-Adrian]

edit: just saw you solved it