CSS Buttons

[theodin]

Now Im excited. 3 posts in a day. The answer for IE was to have the CSS reference to the external file (in the URL() statment) to be fully qualified: In the buttons CSS, the background image statement needed to be:

background-image: url(http://www.sitename.com/store/includ...ckground.gif);

('st' is my template name.) I suspect, if anyone is just doing the two state background image button idea, they will probably come into the same problem as I. Shall I pass this on to someone for correction in a future release? I suspect only removing the input:focus in the main css to be a separate definition, with nothing defined on it would be enough.

[kobra]

Thanks for posting your findings. I am not aware of what things the statement that you have removed cover. As long as there are not other functions that do not display correctly this should be fine. You can pass this to the Dev Team maybe via the bug forum.

[theodin]

The total source file changes that I needed to prevent the background gif file disappearning on click, was to change:

IN STYLESHEET.CSS CHANGE:

input:focus, select:focus, textarea:focus {
background: #F0F8FF;
}

TO:

select:focus, textarea:focus {
background: #F0F8FF;
}

Sorry my posts are wordy... anyway, thanks for your interest and help...

[lollypopstar]

The answer is that there was an overriding statement in stylesheet.css:

input:focus, select:focus, textarea:focus {
background: #F0F8FF;
}

GRRRR! But an answer. I took this out, and my buttony backgrounds dont disappear. YAY. I will finish messing and post my final code here.

Thanks SO much for this post, theodin!
I'm not using CSS buttons but transparent gifs (white text and images) on a blackish picture background. I was getting the frustrating problem of everytime a user clicked on them they would turn white-ish as the user was being taken to another page.
Not good!
But your post helped me out - I have commented out the offending stylesheet code and now no more mucky white buttons when I click then

Thanks again

Laura

[athena]

Me too...can't believe it was that easy! Thanks!

Just in case this screws something up...please some zen expert let us know.