OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
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.

Follow Us
On Facebook
On Twitter
RSS
Via Email

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

 

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 and Accessibility >> 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: 6758
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.

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to tarheel)
d a v e

 

Posts: 4415
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 and Accessibility >> 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