links jump when i click on them

[warhyrdag]

Hello,

 

I am an amateur beginner just trying to get an informational site together but, for some reason, I must have changed something because the links in the horizontal menubar jump when you click on them. All other links are fine. This was never to be the case. I cannot find out what changed and set this general post as I don't know if it is in the html, css or js.

 

the site is: http://www.environmentalhistory.info/

 

I hope it is an embarrassingly simple mistake with a simple solution.

 

Thanks for your help.

[benjaminmorgan]

They don't seem to jump. I don't know though.

[Andrea]

They jump on active (as you click).

 

Go to your css and remove the marked-out line:

 

@charset "UTF-8";

a:link {

font-style: normal;

font-weight: bold;

color: #960;

text-decoration: none;

}

 

a:hover {

text-decoration: underline;

color: #6644ff;

}

 

a:active {

text-align: right;

color: #960;

}

 

a:visited {

color: #960;

}

[warhyrdag]

Thanks!!!

 

Easy peasy (and obvious)...thought it might be.

 

They jump on active (as you click).

 

Go to your css and remove the marked-out line:

 

@charset "UTF-8";

a:link {

font-style: normal;

font-weight: bold;

color: #960;

text-decoration: none;

}

 

a:hover {

text-decoration: underline;

color: #6644ff;

}

 

a:active {

text-align: right;

color: #960;

}

 

a:visited {

color: #960;

}

[Andrea]

I didn't pay attention to this before, but just noticed it - your links are out of order. It may not affect all browsers, but be sure to list them like this:

 

link

visited

focus

hover

active

 

More detail here