The following wizard generates the code necessary for your own simple drop down menu. Each option on your menu will link to a selected page. Options are also given for you to select the colors and fonts.
Steps
Fill in the information required for your drop down menu
Generate the HTML and JavaScript code for your menu (button at bottom)
You can preview your script (button at bottom)
Copy and Paste the Source Code into your HTML page
Ok, One of my text entries in the drop down list is long. The box then stretches too far to accommodate the text, even running off the edge of the screen! How do you make it so that the box is locked in a specific width and the text adjusts itself to form 2 lines? Shortening the title of my text is not an option for me, but breaking it into two lines is ok. Please, can you help?
There is no way to wrap it to use 2 lines. you can however force a certain width to the select box. The effect setting a width has is different depending on the browser. Add a style="width:200px;" property to the <select> tag like <select name="menu" style="width:200px;"> (will vary depending on which type of menu you are using)
Comments
How do you set a width?
Ok, One of my text entries in the drop down list is long. The box then stretches too far to accommodate the text, even running off the edge of the screen! How do you make it so that the box is locked in a specific width and the text adjusts itself to form 2 lines? Shortening the title of my text is not an option for me, but breaking it into two lines is ok. Please, can you help?
Answer: Setting a maximum width
Question: Placing the drop down menu
How do I place the drop down menu so it is in the very top left corner of the browser?
Answer: Positioning menu
Best bet would be put the entire thing inside a div tag with the necessary positioning CSS.
<div style="position:absolute; top:0px; left:5px">drop down menu code
</div>