CSS and formating form elements

[Mario Ospelt]

Hi,

I want to format buttons and textfields with css.
I've done it the following way in a css-file:

..button {background-color:black;
color:white;
height:20px;}

and used it with class="button" in the input tag. It only worked in
Opera, but not in the IE, Firefox and Netscape. It worked in all
browsers as I wrote the style definition directly in the html tag:
<input style="background-color:black;">...

Where is the problem? Why does it not work when I use the in an extern
css file.

Thanks
Mario

[Lauri Raittila]

in comp.infosystems.www.authoring.stylesheets, Mario Ospelt wrote:

Hi,

I want to format buttons and textfields with css.
I've done it the following way in a css-file:

.button {background-color:black;
color:white;
height:20px;}

and used it with class="button" in the input tag. It only worked in
Opera, but not in the IE, Firefox and Netscape. It worked in all
browsers as I wrote the style definition directly in the html tag:
<input style="background-color:black;">...

Where is the problem? Why does it not work when I use the in an extern
css file.

URL?

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

[Steve Pugh]

On Mon, 20 Dec 2004 22:44:12 +0100, Mario Ospelt
<mo*****@student.ethz.ch> wrote:

I want to format buttons and textfields with css.
I've done it the following way in a css-file:

.button {background-color:black;
color:white;
height:20px;}

and used it with class="button" in the input tag. It only worked in
Opera, but not in the IE, Firefox and Netscape. It worked in all
browsers as I wrote the style definition directly in the html tag:
<input style="background-color:black;">...

Where is the problem? Why does it not work when I use the in an extern
css file.

Normally you can, so you must be doing something out of the ordinary.
Can't tell what unless you post a URL.

Steve

[Mario Ospelt]

Sorry,

I had to put it online at first:

http://n.ethz.ch/student/mospelt/Igel7/index.html

Steve Pugh schrieb:

On Mon, 20 Dec 2004 22:44:12 +0100, Mario Ospelt
<mo*****@student.ethz.ch> wrote:

I want to format buttons and textfields with css.
I've done it the following way in a css-file:

.button {background-color:black;
color:white;
height:20px;}

and used it with class="button" in the input tag. It only worked in
Opera, but not in the IE, Firefox and Netscape. It worked in all
browsers as I wrote the style definition directly in the html tag:
<input style="background-color:black;">...

Where is the problem? Why does it not work when I use the in an extern
css file.

Normally you can, so you must be doing something out of the ordinary.
Can't tell what unless you post a URL.

Steve

[Steve Pugh]

On Mon, 20 Dec 2004 23:00:58 +0100, Mario Ospelt
<mo*****@student.ethz.ch> wrote:

Steve Pugh schrieb:

On Mon, 20 Dec 2004 22:44:12 +0100, Mario Ospelt
<mo*****@student.ethz.ch> wrote:

and used it with class="button" in the input tag. It only worked in
Opera, but not in the IE, Firefox and Netscape. It worked in all
browsers as I wrote the style definition directly in the html tag:
<input style="background-color:black;">...

Where is the problem? Why does it not work when I use the in an extern
css file.

Normally you can, so you must be doing something out of the ordinary.
Can't tell what unless you post a URL.

Sorry,

I had to put it online at first:

http://n.ethz.ch/student/mospelt/Igel7/index.html

Please don't top post, round here people prefer well trimmed inline
quoting and you'll get much better responses if you go with the flow.

You have an error in your CSS. A quick check with the validator would
have revealed this:
http://jigsaw.w3.org/css-validator/v...el7/index.html

It may or may not be the cause of your problem but until you fix it
there's no reason for other people to spend time tracking down the
error.

Likewise there are errors in your HTML:
http://validator.w3.org/check?uri=ht...set=iso-8859-1
Steve

[Mario Ospelt]

Steve Pugh schrieb:

On Mon, 20 Dec 2004 23:00:58 +0100, Mario Ospelt
<mo*****@student.ethz.ch> wrote:

Steve Pugh schrieb:

On Mon, 20 Dec 2004 22:44:12 +0100, Mario Ospelt
<mo*****@student.ethz.ch> wrote:
and used it with class="button" in the input tag. It only worked in
Opera, but not in the IE, Firefox and Netscape. It worked in all
browsers as I wrote the style definition directly in the html tag:
<input style="background-color:black;">...

Where is the problem? Why does it not work when I use the in an extern
css file.

Normally you can, so you must be doing something out of the ordinary.
Can't tell what unless you post a URL.

Sorry,

I had to put it online at first:

http://n.ethz.ch/student/mospelt/Igel7/index.html

Please don't top post, round here people prefer well trimmed inline
quoting and you'll get much better responses if you go with the flow.

You have an error in your CSS. A quick check with the validator would
have revealed this:
http://jigsaw.w3.org/css-validator/v...el7/index.html

It may or may not be the cause of your problem but until you fix it
there's no reason for other people to spend time tracking down the
error.

Likewise there are errors in your HTML:
http://validator.w3.org/check?uri=ht...set=iso-8859-1
Steve

OK, Thanks a lot, I'll take care about these things in the future!!!
The css error was also responsible for my problem!

Mario