hover color showing around graphic (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

lilblackgirl -> hover color showing around graphic (6/28/2007 18:26:31)

http://silverscreenphotography.com/

I've got the default hover color showing up as a box around linked graphics on the front page. If you hover over the Wedding picture and title (graphic), you'll see that there appears the default hover color that is on the other links. I've tried to set the hover color as the bg of the page so it just wouldn't show up, but it's not taking. anyone have some suggestions as to how i can do away with that box?

thanks



Tailslide -> RE: hover color showing around graphic (6/29/2007 2:42:49)

Change where you've got a rule for 

.photo a:focus, .photo a:hover, .photo a:active


to 

.entry a:focus, .entry a:hover, .entry a:active {	
	background-color:#f0f0f0;
	width:75px; 
	border:none;

Also - off topic, but I notice that you've got empty alt attributes for those text-as-image links. You'll want to change that to reflect what happens when they click on the images (e.g. "Weddings") otherwise it's inaccessible. You only want empty alt attributes (alt="") when you've got an image that's purely for "pretty" and doesn't actually do anything useful or represent anything important on the page.



lilblackgirl -> RE: hover color showing around graphic (6/30/2007 9:35:40)

Aside from the width, i had everything else set as is. Why define the width of link? And isn't width frowned upon in validation?

And that didn't seem to work (at least in IE7 and FF).

I assume when you say .entry, you're generically speaking to whatever i named the class, correct? there's not some weird CSS graphic link setting that requires a class name of 'entry'? [:D]

Sorry, i'm stumped.



Tailslide -> RE: hover color showing around graphic (6/30/2007 11:44:38)

I've just used the rule that you've already got in there - all I changed was the class to which it was applied.

You applied it to .photo and I applied it to .entry as the image link is in the .entry class not the .photo class.



lilblackgirl -> RE: hover color showing around graphic (7/4/2007 17:21:16)

that worked. thanks tailslide. i appreciate the fix and the explanation.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625