navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

hover color showing around graphic

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> hover color showing around graphic
Page: [1]
 
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
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

_____________________________

You look like you're about to do something stupid. I'm in.
Tailslide

 

Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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.


_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to lilblackgirl)
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
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'? :)

Sorry, i'm stumped.

_____________________________

You look like you're about to do something stupid. I'm in.

(in reply to Tailslide)
Tailslide

 

Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to lilblackgirl)
lilblackgirl

 

Posts: 288
Joined: 5/16/2002
From:
Status: offline

 
RE: hover color showing around graphic - 7/4/2007 17:21:16   
that worked. thanks tailslide. i appreciate the fix and the explanation.

_____________________________

You look like you're about to do something stupid. I'm in.

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> hover color showing around graphic
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts