Viewing Thread:
"Forms & Fields Help."

Quick question : how do you customise form fields, particularly single line text fields? The default DW ones are too big and don't have the right colours. How can I make my own / customise it?

Thanks in advance.

phi11ip wrote:
> Scroll down and look at the first bit of CSS I posted.
>
> There's the scrollbar stuff in there, well I think that's what you
> want...

You're a star. ;)

Scroll down and look at the first bit of CSS I posted.

There's the scrollbar stuff in there, well I think that's what you want...

Allred wrote:
> I used W3schools to learn CSS, and I found that was very helpful.
> [URL] http://www.w3schools.com/css/default.asp [/URL]

Ditto.

Off topic I know, but can anyone tell me how to go about changing the colour/style of the window scroll bars? Can this be done using CSS?

Cheers,

UA

I used W3schools to learn CSS, and I found that was very helpful. [URL] http://www.w3schools.com/css/default.asp [/URL]

phuzzy wrote:
> How about non-CSS, as I don't use it and haven't the first idea about
> it? :D

Can't do it non-css.

Just copy all this and see what's happening:

[URL]http://www.westciv.com/style_master/academy/css_tutorial/[/URL] for a big CSS tutorial type thing...

It's easy to pick up, and just use that link about as a reference to all of the stuff you can use...

If you use a lot of CSS however I'd suggest using it in an external file as it's quicker to load...

phuzzy wrote:
> How about non-CSS, as I don't use it and haven't the first idea about
> it? :D

Learn it.

It's pretty cool when you get used to it.

Improves the look and speed of your site, drastically!

How about non-CSS, as I don't use it and haven't the first idea about it? :D

Here's the CSS from one of my forms:

/* Form Elements */
form {
margin: 0px;
padding: 0px;
}
.button, input, textarea, {
border: 1px solid #333;
margin: 2px;
}
.button {
width: 80px;
background-color: #ccc;
}
select {
font:"Trebuchet MS" 10px;
}
input.checkbox {
border: none;
}

It's virtually automatic based on the form elements except for the buttons which require the class ".button"

This is an example bit of CSS (My site):

.form{
font-family:verdana;
font-size:10px;
color:white;
background-color:#0066CC;
border:0;
scrollbar-base-color: #29599C;
scrollbar-arrow-color: black;
scrollbar-DarkShadow-Color: navy;
}

And to apply it just use class="form" in the field.

Tadaaaa!

Quick question : how do you customise form fields, particularly single line text fields? The default DW ones are too big and don't have the right colours. How can I make my own / customise it?

Thanks in advance.