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

Instructions

    • 1

      Launch the iWeb application from the dock at the bottom of the screen.

    • 2

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

    • 3

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

    • 4

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

    • 5

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

    • 6

      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.

    • 7

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

    • 8

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

Related Searches

References

  • Photo Credit Justin Sullivan/Getty Images News/Getty Images

Related Ads

Check It Out

Prep for Black Friday Checklist [Infographic]