html - Clicking on URL 'bumps' the text/image a bit -



html - Clicking on URL 'bumps' the text/image a bit -

i'm working on website after while started notice how text , images 'bump' little when click on them. have no thought how started happen , have no thought how rid of either. there's few other problems started happening around same time.

examples:

clicking logo makes move around bit.

clicking 1 of breadcrumbs makes it's bold

the titles posts in white (thus invisible), though set them semi-black. when clicking on them text shows (changes color it's supposed do) decreases in font-size significantly.

i tried css , html validator says website valid.

help much appreciated!

you have things in css:

#breadcrumbs a, a:visited, a:active { ...

this same as:

#breadcrumbs { ... a:visited { ... a:active { ...

you accidentally giving anchor elements padding when clicked, why logo jumps bit.

the boldness caused similar expression:

.post-title a, a:active, a:visited { color: #3e3e40; font-weight: bold; font-family: "helvetica", tahoma, geneva, sans-serif; }

that makes links on page bold when clicked.

the right way write these compound selectors include whole chain in each expression:

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active { ...

html css wordpress

Comments

Popular posts from this blog

iphone - Dismissing a UIAlertView -

intellij idea - Update external libraries with intelij and java -

javascript - send data from a new window to previous window in php -