HTMLHelp Forums > Image Border Not Displaying

Full Version: Image Border Not Displaying

HTMLHelp Forums > Web Authoring > Cascading Style Sheets

Josh Thomas

May 9 2008, 11:04 AM

I've been having an issue with image borders not displaying on my site since I recently updated my css, and I'm hoping someone with better eyes than mine can figure out what I'm missing. I keep playing with it, but just can't get it right.

The html is at www.foxhilldesign.com/portfolio.html and the css is at www.foxhilldesign.com/style.css. As you will see, I'm trying to get a border on the image that changes color on a:hover.

Thanks in advance!

Darin McGrew

May 9 2008, 12:42 PM

The selector for

CODE

#content img {
border: none; /* ... */
}

has higher specificity than the selector for either

CODE

.portfolio img.thumb { /* ... */
border: 1px solid #333;
}

CODE

.portfolio a:hover img.thumb {
border: 1px solid #b30;
}

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.