Annoying little 'highlight' I can't remove.

[michael +]

Almost done!

My site is at MKClassifieds if you take a look you'll see there are some unwanted blocks or 'highlights' adjacent to the blue 'Read' buttons and the green 'Mark' buttons.

I've trawled the html and css but I'm getting nowhere.

Any help?

[Lhotch +]

firefox with firebug is your friend.

Its happening because of the background collor in your 2 button classes. You have a background color of #488EB2 and an image of url(../images/bluebtn.gif) no-repeat scroll 0 0

Get rid of #488EB2

[michael +]

Many thanks Larry.

You're right about Firebug, I'm just starting to appreciate it now. Have you tried the newer Web Developer extension for Firefox?

Michael

[Lhotch +]

Originally Posted by michael

Many thanks Larry.

You're right about Firebug, I'm just starting to appreciate it now. Have you tried the newer Web Developer extension for Firefox?

Michael

Yea, I use both firebug and web developer, they compliment each other nicely.

Firebug allowed me to find you problem in about 30 seconds. I just right clicked on your buttons where blue was, inspect element and got the html on the left and css on the right.

I highlighted and deleted the class on the left which immediately updated the page I was viewing so I know the problem as associated with the class you assigned to the anchor.

Then I refreshed the page, right clicked button to inspect element and looked at the CSS pane. Moused over the colors which causes a swatch of color to pup up and low and behold a matching blue. I edited out that CSS for the background color and immediately the trouble blue on the page disappeared.

You can also add CSS etc to see how it will look without actually having to edit the live page, pretty sweet plugin actually.

I like the web dev primarily for resizing the browser and displaying tables cells etc.