Click to See Complete Forum and Search --> : JS elements flickers onMouseOver
Hello,
I have a site layout with different style-sheets. With one of them the JS elements flickers while I move the mouse over the menu items.
This will not happen with one of other stylesheets, and happens only with mozilla based browsers
The link http://www.finalwebsites.com/ (switch between the styles at the bottom of the page)
this is css part I use in the default stylesheet (modern)
#nav1 li a:hover, #nav1 li a:active {
color:#FF9900;
float:left;
margin-left:-20px;
padding-left:20px;
background:url(../images/navi_overstate.gif) no-repeat left top;
}
I see no flicker. :confused:
... I have this on two different systems...
with opera it's OK too...but not in FF or mozilla 1.78
1.7.5 and lower are no problem
1.7.5 and lower are no problem
and what about firefox?
Older mozilla browsers have a problem with window openers (JS) I will try it with latest...
ray326
08-13-2005, 03:15 PM
No flicker on Fx 1.0.4 here.
Stephen Philbin
08-13-2005, 10:59 PM
You mean the menu item flashing to white and then to yellow or the "Final..." design?
(Firefox 1.0.6)
no, the JS elements on the snippets page (myscripts) flickers if you go with the mouse over the menu items.
JPnyc
08-14-2005, 10:19 AM
Yeah I see it now in FF. If you go to the myscripts page and mouse over the menu links, other page elements below it flicker. I have no idea yet what would cause it but it's confirmed, it does happen.
Yeah I see it now in FF. If you go to the myscripts page and mouse over the menu links, other page elements below it flicker. I have no idea yet what would cause it but it's confirmed, it does happen.
:confused:
yes, it happens on this site too (in the right colomn) but not always.
JPnyc
08-14-2005, 12:43 PM
Here too? What do you have to mouseover to get it to happen?
ray326
08-14-2005, 12:43 PM
It's the Ad Panel iframe being redrawn. You want a really good look at it? Continuously resize the browser.
JPnyc
08-14-2005, 12:46 PM
I don't get it then, Ray. I opened in FF and continuously resized the window and I don't see anything unusual.
ray326
08-14-2005, 01:02 PM
I don't get it then, Ray. I opened in FF and continuously resized the window and I don't see anything unusual.Not on the home page, on the My Scripts page. The iframe doesn't exist on the home page.
JPnyc
08-14-2005, 01:05 PM
Oops, I thought you were talking about THIS site. I didn't look at his closely enough to notice it had an iframe. Our ad is in one so I thought you meant here.
JPnyc
08-14-2005, 01:06 PM
Whoa, yeah. That's profoundly bad. But why should that be redrawing on mouseover of a link? I didn't check the entire page source yet.
Stephen Philbin
08-14-2005, 04:19 PM
Actually it does happen on this site too. It happens on all vBulletin forums I've seen. Can't remember what flickers exactly, I think it's mousing over the "buttons" just above the radio buttons for "guided mode" or "enhanced mode". Y'know, the "Insert hyperlink" buttons n' stuff.
Doesn't do it a lot of the time, but I've never seen a vBulleting forum that hasn't done it at some point.
I don't get it then, Ray. I opened in FF and continuously resized the window and I don't see anything unusual.
I think it happens on different displays or monitors, I work on a notebook and if I view the same site on a regular monitor it will not happen here (the flicker on this page)
by the way one of my ads is an iframe too and Adsense is and Iframe on remote...
But don't forget it happens on my own site only with this stylesheet:
http://www.finalwebsites.com/snippets.php?change_css=modern
and not with this stylesheet
http://www.finalwebsites.com/snippets.php?change_css=yellow
:confused:
#nav1 li a {
float:left;
}
#nav1 li a {
float:left;
}
is this a problem?
Fang,
Thnaks to point me into the direction, it was not the solution but this code works well:
#nav1 ul {
margin:6px 0 0 25px;
padding:0;
list-style-type: none;
font:bold 14px Georgia, "Times New Roman", Times, serif;
}
#nav1 li {
float:left;
margin: 0;
}
#nav1 li a {
padding:0 20px;
background:url(../images/navi_upstate.gif) no-repeat left -6px;
}
#nav1 li a:hover, #nav1 li a:active {
color:#FF9900;
background:url(../images/navi_overstate.gif) no-repeat left -6px;
}
.currlink {
padding:0 20px;
color:#333333;
background:url(../images/navi_overstate.gif) no-repeat left -6px;
}
http://www.finalwebsites.com/snippets.php?id=32
It worked for me off-line, but if you get a re-draw flicker again, the problem/solution is nearly always in the difference in the link pseudo-class state.
It worked for me off-line, but if you get a re-draw flicker again, the problem/solution is nearly always in the difference in the link pseudo-class state.
I understand... yes now it works wothout flickers.