# Colored jump menu

**URL:** <https://forum.kirupa.com/t/colored-jump-menu/21876>\
**Category:** Uncategorized\
**Created:** [May 27, 2003, 4:27pm UTC](https://forum.kirupa.com/t/colored-jump-menu/21876 "2003-05-27T16:27:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![somdow](https://avatars.discourse-cdn.com/v4/letter/s/f05b48/32.png) [@somdow](https://forum.kirupa.com/u/somdow)\
**Post date:** [May 27, 2003, 4:27pm UTC](https://forum.kirupa.com/t/colored-jump-menu/21876/1 "2003-05-27T16:27:22Z")

</div>

\<select name=“menu1” class=“select” id=“menu1” style=“background-color:#333333; border-style:0; font-size: 10; color: #FFFFFF; font-family: arial,geneva” onChange=“javascript:if (this.form.more.options[this.form.more.selectedIndex].value.length \> 0) {location.href=this.form.more.options[this.form.more.selectedIndex].value; }”\>  
\<option selected\>i need help lol\</option\>  
\</select\>

this is the code for a colored and stlylish jump menu that i obtained from another site so that i could study it and apply to my own jump menu (the regular white one) right but when i try to apply it to my menu it says that this code is not html so the my ? is what is it???

just in case this is the code without the closing tag

select name=“menu1” class=“select” id=“menu1” style=“background-color:#333333; border-style:0; font-size: 10; color: #FFFFFF; font-family: arial,geneva” onChange=“javascript:if (this.form.more.options[this.form.more.selectedIndex].value.length \> 0) {location.href=this.form.more.options[this.form.more.selectedIndex].value; }”\>  
\<option selected\>i need help lol\</option\>  
\</select

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [May 27, 2003, 10:26pm UTC](https://forum.kirupa.com/t/colored-jump-menu/21876/2 "2003-05-27T22:26:01Z")

</div>

hello well you can do it simply by using css ( cascading style sheets) in dreamweaver and it really is quite simple

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [May 27, 2003, 10:29pm UTC](https://forum.kirupa.com/t/colored-jump-menu/21876/3 "2003-05-27T22:29:21Z")

</div>

so then how, i mean, altho i cant say i know a whole lot bout css i know it a bit and understand the concept albeit not at full capacity, can u explain or throw me a link on how to do this

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [May 27, 2003, 10:49pm UTC](https://forum.kirupa.com/t/colored-jump-menu/21876/4 "2003-05-27T22:49:02Z")

</div>

[see this first](http://getalife.sketchit.net/test_dir/css_test.htm)

then get the css attached in this message

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [May 29, 2003, 4:25am UTC](https://forum.kirupa.com/t/colored-jump-menu/21876/5 "2003-05-29T04:25:07Z")

</div>

i dont mean to be all slow and al lol but what do i do with this. i tried putting it on the body tags and nada , tried to apply it to the form butt. and nada, um between the clsoing head and opening body and nada,

now let me down easy, what did i do wrong

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [May 29, 2003, 4:08pm UTC](https://forum.kirupa.com/t/colored-jump-menu/21876/6 "2003-05-29T16:08:48Z")

</div>

open the page you have where you want to put the css and then do exactly as i have putted the css the only thing you have to do is to put the css file and the page you want the css applied with the import method as show in the page i showed you

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [May 29, 2003, 8:37pm UTC](https://forum.kirupa.com/t/colored-jump-menu/21876/7 "2003-05-29T20:37:03Z")

</div>

ohhh i didnt see the “see this first” text up top. lol but im aware of the link through to the css file umm \*\*\*\* thats kool man um thanks llemme add it and lemme see if i get it right

somdow