Preserved Topic: Changing the look of a form

I was wondering if anyone had a sample or an idea on how to change the look of a form (input fields, buttons, and menus). I am basically wanting to change the color and look of the buttons so I don't have to use the standard grey buttons.

Also, is it possible to change the "drop down" width of a menu. I know how to code this for a stand alone application but not for web.

Thanks in advance,
C:\

In the Style tag:

INPUT,password {
BORDER-TOP: #FC6203 1px outset;
BORDER-LEFT: #FC6203 1px outset;

BORDER-BOTTOM: #BD4901 1px inset;
BORDER-RIGHT: #BD4901 1px inset;
FONT-SIZE: 11px; font-weight:bold; COLOR: #FC6203; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #240000;
}
TEXTAREA {
BORDER-TOP: #FC6203 1px outset;
BORDER-LEFT: #FC6203 1px outset;

BORDER-BOTTOM: #BD4901 1px inset;
BORDER-RIGHT: #BD4901 1px inset;
FONT-SIZE: 11px; font-weight:bold; COLOR: #FC6203; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #240000;
}
TEXTAREA.inputbox {
FONT-FAMILY: verdana,arial; PADDING: 4px 4px 4px 4px;
}
SELECT {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #cbc6c3
}

These are the Asylum styles



[This message has been edited by Wakkos (edited 10-24-2001).]

Wakkos,
Thanks! Would this work as well for old browsers (ie NN4.x)?

Thanks,
C:\

hehehe, sorry, I don't go so far

Cprompt: It will depend on the browser's support for stylesheets. IE and NS6 should be fine and NS4 doesn't do very much (although it doesn't break which is good). From memory I think that Opera does something in between - it puts the colour around the actual button (or something like that - I'd have to check from home where I have Opera).

Emps


You're my wife now Dave

NS6 actually supports some good CSS2 stuff--not sure about IE6.

input[type="text"] {border: 1px dotted black; background-color: #eeeeee; padding-left: 1px; padding-right: 1px;}

input[type="text"].required {border: 1px dashed red;}

input[type="text"]:focus {background-color: white; border: 1px solid}

Thanks. I was mostly just wanting to change the colors. Kind of like what the "Post New Topic" button and stuff are here. But I also wanted to screw around with the color of the drop down boxes.

What it is, is this. The website that I am redoing for my friend has a lot of "online order forms". So instead of just having the standard grey buttons, I would just like to give it a different look.

Thanks anyway.

C:\

This should help - http://www.gurusnetwork.com/tutorials/css/csstut.html

CPrompt, "Post New Topic" and "Post Reply" are not actually buttons, they are images, heh...

yeah.. but the "GO" button beside the forum chooser on the bottom right IS a button...

I know that GO is a button (as well as Submit Reply, Clear Fields and a few other), but CPrompt mentioned "Post New Topic" and that's not button, heh he he....

Yeah, I know that they are images, heh! Here is what I should have said but in my tired state I failed.

Is is possible to use an image as button for a form?
So that the "Add To Cart" button on my form will actually be a button to add the item to the shopping cart?

Thanks,
C:\

CPrompt: Like this?:
http://tech.irt.org/articles/js185/#2

Emps


You're my wife now Dave

Thank you all...That is what I needed Emperor.

C:\