<navigation> ... </navigation> |

<navigation> is defined in the Navigation module. The `<navigation>` generates graphical menus. Within it the `<textstyle>`, `<boxstyle>`, `<mi>` and `<submenu>` tags are used to specify the appearance of the menu. The `<submenu>` tag use the same attributes as `<navigation>` and is used for making nested menus.

Arguments passed to the tag: |
bg, bgsrc, fs, height, horiz, imgbase, indent, maxwidth, mirrortile, preload, quant, scaletofit, selected, tile, transparent, width,

Attributes

`bg`=color
  Sets the background color of the background image.

`bgsrc`=path
  Sets the background to the given image. Currently GIF, PNM, JPEG and PNG images are directly supported if they are supported by the pike. Other formats may be supported if Pike can find the correct decoder in its internal functions..

`fs`

  Applies a Floyd-Steinberg dither to the result.

`height`=number
  Sets the height of the generated menu. If not set, the height will adjust itself.

`horiz`

  Makes the menu horizontal, all box-styles are rotated 90 degrees counter-clockwise.

`imgbase`=path
  Imgbase can be used to simplify the use of graphics in your menu. The path specified will be used as a prefix to all image paths.

`indent`=number
  Sets the amount of indentation.

`maxwidth`=number
  The max width of the text column. If the text in a menu box is wider than this, it will be word wrapped to fit.

`mirrortile`

  Mirrortiles the background image.

`preload`

  Generates extra Java Script code used to pre load all images used in the menu. This may speed up the delivery of the pages since the requested images will already be in the client's local cache when requested.

`quant`=number
  Quantifies the image with the specified number of colors. The default is set in the configuration interface. At most 255 colors can be used.

`scaletofit`

  Scales the background image to fit the size of the generated menu.

`selected`=number
  Determines which menu item should be selected. Starts from 1. A number out of range will generate the menu without any selected item. Note that the preferred way to determine which menu items should be select is by using the `selected` attribute in a `<mi>` tag.

`tile`

  Tiles the background image.

`transparent`=color
  Makes the resulting GIF image transparent at pixels with the specified color. Defaults to the background color of the current document, set in the standard HTML <doc>`{body}`</doc> tag. Detection of HTML colors is done by the Graphics Text module.

`width`=number
  Sets the width of the generated menu. If not used, the width will adjust itself.

Example