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

 

CSS rollover not working

 
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 >> CSS rollover not working
Page: [1]
 
tarheel

 

Posts: 422
From: Fresno CA USA
Status: offline

 
CSS rollover not working - 7/28/2007 13:34:45   
I have stylesheets on this website and on new pages, nothing I do will enable the link to trigger the rollover effect. It's not the srcipt because it works on some pages but not others.

http://jatampabay.com/fun_pics/Fun%20Pics.htm

however, it works on this page with exactly the same header info.

http://jatampabay.com/index.htm

Any suggestions?

Thanks

Phil

_____________________________

Phil Hawkins Photographyhttp://www.philhawkinsphoto.com
Tailslide

 

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

 
RE: CSS rollover not working - 7/28/2007 13:50:02   
You've got font tags in the markup itself which is overruling the CSS in the stylesheet. Remove all the font tags (or at least the colour bits of those font tags) and closing font tags around the links and the rollovers will work.

It's much less confusing and much easier to manage if you can put all the styles in the external stylesheet, not just the link styles. That way it's both much easier to change stuff globally and it's less confusing as you don't run into priority problems. Rules in the stylesheet will be overruled by rules in the head of the document and both of those will be overruled by either styles or old fashioned presentational tags like font tags in the body of the document itself.

_____________________________

"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 tarheel)
d a v e

 

Posts: 4010
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: CSS rollover not working - 7/28/2007 15:57:28   
and you have resized your logo (making the radio/sound waves squashed) but not resampled it - and it should be saved as a gif as it has a limited colour palette and gradients)
see embedded picture though it would be better to keep the original logo proportions and make it slightly smaller if it has to fit into that area (you could keep the border and white background at width="426" height="246" and resize the inner part ) ;)


Thumbnail Image
:)

Attachment (1)

_____________________________

David Prescott
Gekko web design

(in reply to Tailslide)
tarheel

 

Posts: 422
From: Fresno CA USA
Status: offline

 
RE: CSS rollover not working - 7/28/2007 18:47:28   
quote:

ORIGINAL: d a v e

and you have resized your logo (making the radio/sound waves squashed) but not resampled it - and it should be saved as a gif as it has a limited colour palette and gradients)
see embedded picture though it would be better to keep the original logo proportions and make it slightly smaller if it has to fit into that area (you could keep the border and white background at width="426" height="246" and resize the inner part ) ;)


Thumbnail Image
:)


Thank you Very Much! This one looks much better. I really appreciate it!

Phil

_____________________________

Phil Hawkins Photographyhttp://www.philhawkinsphoto.com

(in reply to d a v e)
tarheel

 

Posts: 422
From: Fresno CA USA
Status: offline

 
RE: CSS rollover not working - 7/28/2007 18:49:13   

quote:

ORIGINAL: Tailslide

You've got font tags in the markup itself which is overruling the CSS in the stylesheet. Remove all the font tags (or at least the colour bits of those font tags) and closing font tags around the links and the rollovers will work.

It's much less confusing and much easier to manage if you can put all the styles in the external stylesheet, not just the link styles. That way it's both much easier to change stuff globally and it's less confusing as you don't run into priority problems. Rules in the stylesheet will be overruled by rules in the head of the document and both of those will be overruled by either styles or old fashioned presentational tags like font tags in the body of the document itself.


Fixed! That did it. Thank You Very Much!

Phil

_____________________________

Phil Hawkins Photographyhttp://www.philhawkinsphoto.com

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS rollover not working
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