- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I have spend most of my day trying to do cross browsing this website: http://bit.ly/Ln8exT
The problem I can not figure out is that the middle menu beside the large image comes undone in IE7, it is an image rollover. Can any one throw me a bone? I can’t find why this thing does not want to play with me.
Any help will be appreciated.
Thanks,
Working fine in my IE7, really….
Senff, I know what you mean, some browsers show the Nav broken, I mean the one that has colors. My wife’s pc shows it broken, but not this one. Weird,
What do you mean “some browsers” then? “IE7 on some computers”, or different versions of different browsers? Is it just your wife’s PC?
I heard from others that have IE7 that this is an issue, yes.
Well, I don’t really know those others so it’s hard for me to figure out what the issue could be…
The css way was not working, so I did it via jquery, ha ha.
jQuery(function($) {
$(document).ready(function(){
// Preload all rollovers
$("#roller img").each(function() {
// Set the original src
rollsrc = $(this).attr("src");
rollON = rollsrc.replace(/.jpg$/ig,"_over.jpg");
$("").attr("src", rollON);
});
// Navigation rollovers
$("#roller a").mouseover(function(){
imgsrc = $(this).children("img").attr("src");
matches = imgsrc.match(/_over/);
// don't do the rollover if state is already ON
if (!matches) {
imgsrcON = imgsrc.replace(/.jpg$/ig,"_over.jpg"); // strip off extension
$(this).children("img").attr("src", imgsrcON);
}
});
$("#roller a").mouseout(function(){
$(this).children("img").attr("src", imgsrc);
});
});
});
Thanks,