Why is the CSS code all of a sudden not working!

HTML & CSS
1

Hello,

I am working on a new Web site.
And have defined CSS code for how the form buttons should be displayed.
They were displaying correctly as per the CSS definition of them, but all of
a sudden the form buttons are not following the CSS definition of them and
instead are displaying with regular browser definition. I have checked and
double cheked the CSS code and again nothing is changed!

You can see a sample page here:
dreamdates.com - TOTALLY FREE online dating service - date singles ready for romance and love

look at for example the “Sign Me Up” button.

Now if you look at the source code you see that this button has CSS definition of:
class=“form_button”

and again, the buttons were displaying OK as per this definition, but all of a sudden they have stopped displaying as per this definition.

What is wrong?

Regards,

2

Just before the form_button definition in the stylesheet a closing curly bracket has crept in.

.gray_scale {
    color: #C4BDBD;
    font-family: "trebuchet MS",sans-serif;
    font-size:12px; 
    }


    }

 /*  START of the Form related CSS   */

 .form_button {
3

Hi,

Thanks a lot for this correction.
I cannot believe I missed that lil bug :frowning:

OTN, is there an Editing tool or browser plug-in, etc. which would tell us of CSS bugs/errors?

Regards,

4

You can validate the code through the W3 site, but there’s no guarantee it will find the specific issue. It’s a good place to start, though.

5

Specifically, I always use w3c jigsaw to check specifically for typos and syntax-errors exactly like you have. It can’t tell you if your code is good; it can’t tell you if you’ve written it well. But it can catch typos, and we all make those : )

6

Hi,

Thanks for this tip.
I used it, but it is not telling me where or what is the source of Error in a different pages and its related CSS.

To be exact here:
http://www.dreamdates.com/new2/my_fofos.php
(1st u need to login, please use: useranme: dean password: 123)

I am using LightBox effect to float the images for display.
I am using the same LightBox code that I have used in other Web sites
and they worked fine there, but it is not working here!!

Can you tell me what is the problem here!

Regards,

7

It seems like a Javascript problem. I don’t see how CSS can prevent Javascript from running, and it’s definitely not running (it’s loading, but not doing anything on click event).

Might have to bring this one over to the Javascript forums; I’m not familiar with prototype version of lightbox.

8

Hi,

You are missing the file called effects.js. It should be in the zip you downloaded I believe.

9

Thank you.
That did it :slight_smile:

BTW, what do you recommend as the best LightBox type solution for
displaying Fotos and Popup HTML, etc.?
And preferably one that is not JQuery based but straight forward JS & CSS.

Thanks again.

10

I don’t really get involved with lightbox scripts and you would get a better response in the JS forum as to which is best.:slight_smile:

There are some interesting css3 solutions around which could be made backward compatible with some js for older browsers but you’ll have to pick your way through them to find the best.