Apllying a Style Sheet to a Jump Menu with DW

Andrew_Samuel posted this at 23:36 — 28th July 2002.

Joined: Jun 2002

Evening All (Least it is over here in not so sunny N.Ireland)

I'm hoping to put a jump-menu (hope that's the right term?) onto a Website and am wondering how do I apply CSS to the Jump Menu's text to make it smaller (and cross browser compatible)?

By Jump Menu I mean just like the "Take your Pick" menu on this site for example:-
http://www.football365.com/

I'm using Dreamweaver 4 to design the site and I'd be in your collective debt if someone would be good enough to talk me through the solution in simple steps.

Cheers in anticipation

Andrew

Suzanne posted this at 23:53 — 28th July 2002.

She has: 5,507 posts

Joined: Feb 2000

You would apply styles to the form elements themselves, specifically:

input
select
option
form
textarea

If it's only for the jump menus and you have other forms on the site, set up a special class.

Some things won't work cross-browser (N4.x specifically) but you can change the size of the text, and the colour, and the font in all browsers.

Beware that setting borders/margins/padding will have funky results in N4.x and may crash it.

nuk3 posted this at 11:01 — 30th July 2002.

They have: 238 posts

Joined: May 2002

Here's an example of the css:

Code:
----
select.form { background:#747474; color: #ffffff; border: 3px solid #999999; font-family: verdana; font-size: 9px;}
----

I've given this form the class "form". Here is an example of the form code:

Code:
----

Link
Link
Link

----

I hope this helps..

Andrew_Samuel posted this at 23:32 — 30th July 2002.

They have: 82 posts

Joined: Jun 2002

Cheers very much for the replies Suzanne and Nuke, much appreciated.
I'll give them a go.
Regards
Andrew