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 <!-- m --><a class="postlink" href="http://www.finalwebsites.com/">http://www.finalwebsites.com/</a><!-- m --> (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.
... I have this on two different systems...
with opera it's OK too...but not in FF or mozilla 1.781.7.5 and lower are no problem1.7.5 and lower are no problem
and what about firefox?FF1.0 no problemOlder mozilla browsers have a problem with window openers (JS) I will try it with latest...No flicker on Fx 1.0.4 here.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.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.
yes, it happens on this site too (in the right colomn) but not always.Here too? What do you have to mouseover to get it to happen?It's the Ad Panel iframe being redrawn. You want a really good look at it? Continuously resize the browser.I don't get it then, Ray. I opened in FF and continuously resized the window and I don't see anything unusual.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.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.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.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:
<!-- m --><a class="postlink" href="http://www.finalwebsites.com/snippets.php?change_css=modern">http://www.finalwebsites.com/snippets.p ... css=modern</a><!-- m -->
and not with this stylesheet
<!-- m --><a class="postlink" href="http://www.finalwebsites.com/snippets.php?change_css=yellow">http://www.finalwebsites.com/snippets.p ... css=yellow</a><!-- m -->
#nav1 li a {
float:left;
}#nav1 li a {
float:left;
}
is this a problem?The solutionFang,
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;
}
<!-- m --><a class="postlink" href="http://www.finalwebsites.com/snippets.php?id=32It">http://www.finalwebsites.com/snippets.php?id=32It</a><!-- m --> 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.
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 <!-- m --><a class="postlink" href="http://www.finalwebsites.com/">http://www.finalwebsites.com/</a><!-- m --> (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.
... I have this on two different systems...with opera it's OK too...but not in FF or mozilla 1.781.7.5 and lower are no problem1.7.5 and lower are no problem
and what about firefox?FF1.0 no problemOlder mozilla browsers have a problem with window openers (JS) I will try it with latest...No flicker on Fx 1.0.4 here.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.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.
yes, it happens on this site too (in the right colomn) but not always.Here too? What do you have to mouseover to get it to happen?It's the Ad Panel iframe being redrawn. You want a really good look at it? Continuously resize the browser.I don't get it then, Ray. I opened in FF and continuously resized the window and I don't see anything unusual.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.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.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.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:
<!-- m --><a class="postlink" href="http://www.finalwebsites.com/snippets.php?change_css=modern">http://www.finalwebsites.com/snippets.p ... css=modern</a><!-- m -->
and not with this stylesheet
<!-- m --><a class="postlink" href="http://www.finalwebsites.com/snippets.php?change_css=yellow">http://www.finalwebsites.com/snippets.p ... css=yellow</a><!-- m -->
#nav1 li a {float:left;
}#nav1 li a {
float:left;
}
is this a problem?The solutionFang,
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;
}
<!-- m --><a class="postlink" href="http://www.finalwebsites.com/snippets.php?id=32It">http://www.finalwebsites.com/snippets.php?id=32It</a><!-- m --> 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.