My modified Layout and Theme

lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Wed, 2004-09-08 03:57

I have modified the Matrix layout and theme to match what the rest of my site is doing. I started this with Alpha 1 and had it about half done when Alpha 2 came out. So I downloaded that and looked at the changes in the Matrix layout and decided to start over because the presentation of the code is much better. Thank you for that.

I am though having a problem with my Javascript rollover in IE that I can not figure out. I'm using the version of IE that comes with XP SP2. After the page loads I get the red x over all the pictures that roll over. The weird thing is if I save that page to my desktop and load it in IE after clicking allow active content it will work just fine. Does anyone have any clues what can be causing this. It works just fine in Firefox 0.9.3. I'm not completely done with the layout. I plan on moving a few of the horizontal menus around.

http://www.lvthunder.com/gallery2

Any help would be greatly appreciated,
Stephen Cupp

 
bharat
bharat's picture

Joined: 2002-05-21
Posts: 7994
Posted: Thu, 2004-09-16 00:36

It's possible that this is a bad interaction with IE7. Search for and remove (or comment out) that block from templates/global.tpl and see if that resolves the problem. We need to upgrade or remove IE7.

 
Panu

Joined: 2002-11-11
Posts: 37
Posted: Thu, 2004-09-16 10:04
lvthunder wrote:
I am though having a problem with my Javascript rollover in IE that I can not figure out. I'm using the version of IE that comes with XP

If G2 is using IE7 you can get rid of the JS rollovers anyway, use CSS for them.

Panu

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Sat, 2004-09-18 04:40

Do you have any examples of CSS rollovers that work in IE and Mozilla? The one I tried didn't work in IE.

Thanks,
Stephen Cupp

 
thumb
thumb's picture

Joined: 2004-05-26
Posts: 238
Posted: Sat, 2004-09-25 00:00

The following CSS pseudo-class selectors will create rollover effects on links. It should work in in all of the recent browsers. Change the declarations to suit your sensibilities.

a, a:link { color: #fff; background: #666;}
a:visited { }
a:hover { color: orange; background: #333; }
a:active { color: red; }

 
lvthunder

Joined: 2003-09-12
Posts: 808
Posted: Mon, 2004-09-27 01:25

Oh I was looking for an image rollover that works in IE and Mozilla. Does G2 use IE7 anyways?

 
Panu

Joined: 2002-11-11
Posts: 37
Posted: Mon, 2004-09-27 17:05
lvthunder wrote:
Do you have any examples of CSS rollovers that work in IE and Mozilla? The one I tried didn't work in IE.

I haven't used any myself so I can't give you definite answer. A quick search revealed:
http://www.tutorio.com/tutorial/pure-css-image-rollovers

you may also google "css image rollover" there are many tutorials etc. that might help.