View Full Version : Customize Drop Down Menu?


vadimo
03-24-2007, 05:54 PM
I just red: http://www.lissaexplains.com/fun.shtml on Drop Down menus. I have a questions is there a way to customize it in terms of colour, font? even the GO/OK button?

If you look: http://www.ge.com/ - on the left side, they have what to me looks like customized drop down menu, how can i do that?

Thanks.

Ges
03-26-2007, 08:25 PM
Hi vadimo,
Here is a drop-down menu WITH a go button. Just change the CSS to customise the colors and fonts etc.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Drop down menu</title>

<style type="text/css">
<!--
.menu_position
{
position:absolute;
top:100px;
left:10%;

}

.menu_style
{
font-size:14px;
font-weight:bold;
color:#ff0033;
}
-->
</style>


</head>

<body>

<form name="thingy">
<div class="menu_position">
<select class="menu_style" name="thingy" size="1">
<option selected value="http://www.lissaexplains.com">Lissa Explains</option>
<option value="http://www.w3schools.com/">More Tutorials</option>
<option value="http://www.somewhere.com">Something Else</option>
<option value="http://www.else.com">Even more stuff</option>
<option value="http://www.over.com">And yet more</option>
</select>
<input type="button" value="Click me to go somewhere!"
onClick="location=document.thingy.thingy.options[document.thingy.thingy.selectedIndex].value"></p>
</div>
</form>


</body>
</html>



Hope this helps,
Regards,
Ges.

vadimo
03-27-2007, 10:43 AM
thank you very much i got the idea now.