PDA

View Full Version : Code Help { Combining CSS with a DropDown Menu

EaGz
09-16-2004, 12:02 AM
Hey peeps at LEF. I read;

How do I add a drop-down menu on my page? Adding a drop-down menu is pretty simple. You just add the following code, but add your own links. Use CSS (input, text area) to change the font and color properties.



<form name="gotolocation1" method="POST" ACTION=URI>
<select name="lissamenu1">
<option value="http://www.lissaexplains.com">Lissa Explains it All</option>
<option value="http://www.lissaexplains.com/cursor.shtml">Lissa's Cursors</option>
<option value="http://www.lissaexplains.com/home">Lissa's Page</option>
</select>
<input type="button" onClick="location =
document.gotolocation1.lissamenu1.options
[document.gotolocation1.lissamenu1.selectedIndex].value;"
value="Go">
</form>

this part of this website, but I'm still a little lost on how you compibe the two. Any help would be appreciated :)
kfsa
09-16-2004, 12:06 AM
What's wrong?
EaGz
09-16-2004, 01:49 AM
Well, it says here (http://www.lissaexplains.com/fun.shtml) (at the top) that I can change the way a dropdown menu looks but editing or constructing a 'Cascade Style Sheet', and when I click the link it provides, I dont see any spefic area to help me with this.

The menu I wanted to edit was this one:

<form name="gotolocation1" method="POST" ACTION=URI>
<select name="lissamenu1">
<option value="http://www.lissaexplains.com">Lissa Explains it All</option>
<option value="http://www.lissaexplains.com/cursor.shtml">Lissa's Cursors</option>
<option value="http://www.lissaexplains.com/home">Lissa's Page</option>
</select>
<input type="button" onClick="location =
document.gotolocation1.li ssamenu1.options
[document.gotolocation1.li ssamenu1.selectedIndex].value;"
value="Go">
</form>

Thanks
kfsa
09-16-2004, 02:02 AM
umm let me see...
I don't see it.
EaGz
09-16-2004, 02:15 AM
umm let me see...
I don't see it.

Its the very first menu she provides.
kittycat
09-16-2004, 02:27 AM
<style type="text/css">
option, select {
background-color: #colour;
font-family: font;
font-size: ##px;
color: #colour;
}
</style>

Add that between <head> and </head> on your page.
These are the basic things that you can change in a dropdown. You don't have too many options of other things you can change.
They're basically self explanitory, just replace the values with the one you want.
EaGz
09-16-2004, 03:04 AM
Thanks very much kittycat. I actually had to change it around a little for it to work. Im using this code on a Forum rather a website. The code would look like this in a forum CSS.

.option, select {
background-color: #FFFFFF;
font-family: verdana;
text-decoration: underline;
font-size: 12px;
color: #000000;
}

Off-topic, but I also live in ON, Canada :) Near Oshawa.

P.S. Nice signature quote :rofl: Its hilarious.