CSS rollover not working (Full Version)

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



Message


tarheel -> 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




Tailslide -> 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.




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

[image]local://upfiles/5827/FEB65FE24F8142FFAA78CB672D37948B.gif[/image]




tarheel -> 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 ) ;)

[image]local://upfiles/5827/FEB65FE24F8142FFAA78CB672D37948B.gif[/image]


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

Phil




tarheel -> 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




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875