10 replies [Last post]
antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 11 years 41 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Hello,

I decided to finally dip my toe in the fiery lake of website advertisements. Google seemed like a reasonable choice for this as they will rule the entire planet within 10 years. I've been told it makes good sense to suck up a bit to your future overseer.

So, after my site (www.dustyroaddesigns.com) was approved for adsense, I put a few ads up. Everything seemed all right at first. Then, an annoying thing happened. In Mozilla (haven't checked other browsers besides IE6 to date), when any link on the page is in its hovered state, a peculiar flicker occurs, giving the user a brief flash of a chunk of the advertisement in the right middle of the page. This is totally peculiar and frustrating. Because google's rules state that code alteration is not allowed with adsense, it seems that I can't do anything about this.

My hunch is that a CSS rule is possibly causing this glitch but I can't figure out what that rule might be. Any help would be greatly appreciated.

Thanks,

Tags:
DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 24 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

Google adsense nonsense

Your site may be FOUCed Wink

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 11 years 41 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Google adsense nonsense

DE,

This fouced phenomenon seems to be an IE only problem. I have no problem in IE, only in Mozilla to this point.

If anyone is using Mozilla, please go to either of these pages to see what I'm talking about:

1) http://dustyroaddesigns.com/writings/

2) http://dustyroaddesigns.com/portfolio/

Thanks,

redipixel
Offline
Regular
Tampa, FL
Last seen: 15 years 39 weeks ago
Tampa, FL
Joined: 2005-01-20
Posts: 33
Points: 0

Google adsense nonsense

ya its only IE, but an easy fix none the less.

wayne

REDIPIXEL.COM

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 11 years 41 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Google adsense nonsense

So, does anyone have an idea here? There's nothing obvious going on in my style sheet to be causing this. I think it's time to bring in the heavy artillery...bring in Lorraine.

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Google adsense nonsense

So I worked on the consulting page... when I hovered over contact me I got the little flash in the rh column...
Commenting out the border-bottom for the a:hover in the general styles eliminated the little flash

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 11 years 41 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Google adsense nonsense

Did I say Lorraine was the heavy artillery? Er, I meant rmfred! Thanks so much man. I'll check it out right now.

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 24 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

Google adsense nonsense

If you don't bold the links when you hover it seems to be OK.

I can't use some of my usual diagnostic bookmarklets because there seems to be incomplete loading of the page (status bar stays on "Transferring data . . .") so I can't be positive. However, when I defeated the

#sidebar ul a:hover { 
color: #000; 
/*font-weight: bold;*/ 
/* border-bottom: 1px dotted #666464;*/ 
}
the problem went away.

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 11 years 41 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Google adsense nonsense

Thanks DC,

Yeah, I've been doing the same thing now. I've managed to get the page to generally behave. The problem now is the onload flicker which I have no clue how to avoid, and the flicker caused when pressing an input button! That's right, an input button! I'll probably have to make graphic for my submit button so that the padding doesn't change on the page at all. Any padding change throws the adsense code into a fit.

Andrew

DCElliott
DCElliott's picture
Offline
Leader
Halifax, Canada
Last seen: 3 years 24 weeks ago
Halifax, Canada
Timezone: GMT-3
Joined: 2004-03-22
Posts: 828
Points: 0

Google adsense nonsense

Dagnabbit - I hate it when someone posts the answer when I am working on it!!!!!

But did they give you a real workaround, huh? huh?

#sidebar ul a:link,
#sidebar ul a:visited {
border-bottom: 1px dotted #f7e4ba;
margin-bottom:2px;}
#sidebar ul a:hover,
#sidebar ul a:active{ 
color: #000; 
border-bottom-color: #666464;
}

Who's yo daddy, who's yo daddy?

Be aware that the Google JS generates an iframe which can be a bit unruly. Get yourself a utility that will show you the parsed html (not View Source!) or fire up the DOM inspector. That will let you see what is under the hood of what the JS is doing.

DE

David Elliott

Before you ask
LearnXHTML|CSS
ValidateHTML|CSS

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 11 years 41 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Google adsense nonsense

Ok Daddy,

Your son needs your help again. I tried using a similar technique to fix the button problem in the search section, but it doesn't seem to fix it. Any ideas on this?

Your son,

Andrew