How to Make a Drop-Down Menu in iWeb


The iWeb program is include the iLife software suite that is included with all new Mac computers. With iWeb, Mac users can build custom Web pages with text, pictures and even video clips. If you want to use a drop-down menu on your iWeb site, you will need to set up a custom HTML code snippet. When defining the HTML code for your drop-down menu, you can specify what options you want to include in the menu list.

Things You'll Need

  • Mac running OS X 10.5 or later
  • iWeb 3.0
  • Launch the iWeb application from the dock at the bottom of the screen.

  • Highlight the page where you want to add a drop-down menu from the list on the left side of the window.

  • Click on the "Show Media" button in the bottom toolbar, go to the "Widgets" tab and double-click on the "HTML Snippet" icon.

  • Place your text cursor in the text box that appears on your iWeb layout.

  • Type "<select>" into the text box to begin the drop-down menu HTML element. Then press "return" to go to the next line.

  • Type "<option value="item1">item1</option>" into the text box, replacing "item1" with the first option you want to include in the drop-down menu. Then press "return" and use the same syntax to set up additional menu options.

  • Add "</select>" after the final option item line of code to end the drop-down menu element.

  • Click the "Apply" button beneath the text box to add the drop-down menu to your iWeb layout.

Related Searches


  • Photo Credit Justin Sullivan/Getty Images News/Getty Images
Promoted By Zergnet


Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!