Shaded text box in forms - how?

[Chris Hester]

Take a look at the text box on this page - how did they get that shadow in it? I think it looks really cool. OK, so it's an image, but how does a form use an image for the text box then???

http://www.qub.ac.uk/po/

[JMulder]

You will need to define a CSS class for the textbox:

.textbox {
	background-image: url(filename.gif);
	background-repeat: no-repeat;
	border: 1px solid;

And then put class="textbox" in the <INPUT> tag of the textbox.

[creole]

Here is the snippet of their stylesheet that relates to the FORM field:

.shade {
background-image: url(input.gif);
background-repeat: no-repeat;
border: 1px solid;
}

and here's the link to their stylesheet itself:

http://www.qub.ac.uk/po/style.css

[JMulder]

Ooops, I forgot the closing }

What creole said should do as well.

[Chris Hester]

Many thanks!! Didn't know you could do that with an input text box!

[creole]

Note that Netscape 4.7 does not support setting an image in a FORM field like that.

However Mozilla .9.5 does display it so it is likely that Netscape 6 would be able to display it as well.