Цитата поста Ирины из сообщества Pro Comp

Создаём список с выпадающими ссылками

[100x]Предположим, у вас есть длинный список, который нужно расположить на виду, но так, чтобы он не занимал бесконечно много места. Например, список дружественных вам сообществ. Или полезных сайтов. Или книг, которые вы хотели бы прочитать. Или ссылки на скачивание нужных программ. Или посты в сообществе, которые вы считаете нужными и важными.В общем, мало ли что.

Просто список в окошке сделать просто.

Список выглядит так:

 Пункт 1         Пункт 2

Его код:

<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
</select>

Пунктов может быть сколько угодно, ширина списка определяется шириной самого длинного названия в нём.

Но нам ведь нужен не просто список, а список с кликабельными ссылками. Вот такой:

GoogleЯндекс

Его код немного сложнее:

<form action="http://freiman.info/files/link.php" method="GET"><input type="hidden" name="h" value="_self" /><select id="links" name="links">
<optgroup label="Поисковики">
<option value="https://www.google.ru/">Google</option>
<option value="http://www.yandex.ru/">Яндекс</option>
</select><input type="submit" value="Перейти"/></form>

А так выглядит код в общем виде:

<form action="http://freiman.info/files/link.php" method="GET"><input type="hidden" name="h" value="_self" /><select id="links" name="links">
<optgroup label="НАЗВАНИЕ РАЗДЕЛА">
<option value="ССЫЛКА">НАЗВАНИЕ ССЫЛКИ</option>
<option value="ССЫЛКА">НАЗВАНИЕ ССЫЛКИ</option>
</select><input type="submit" value="НАДПИСЬ НА КНОПКЕ"/></form>

То, что в этом коде капсом - подставляете свои ссылки и названия.
Название раздела некликабельно, зато выделено жирным курсивом.
Количество разделов и ссылок в каждом из них не ограничено.
Меню можно редактировать: добавляя новые ссылки или удаляя старые.
Шрифт в меню не форматируется - его размер, цвет, фон под ним изменять нельзя. 


Дополнено пустые кнопки без ссылок "про запас" в таком меню оставлять не нужно. их всегда можно будет добавлять по мере необходимости