-<figure style="width:100%;">
- <img src="/images/editor_map.png" alt="The Editor window" usemap="#editor_map" width="600" height="325">
- <map name="editor_map">
- <area shape="rect" coords="0,0,336,8" href="@@main-menu" />
- <area shape="rect" coords="336,0,600,8" href="@@status-bar" />
- <area shape="rect" coords="0,8,68,28" href="@@transport-bar" />
- <area shape="rect" coords="68,8,108,28" href="@@selection-and-punch-clocks" />
- <area shape="rect" coords="108,8,196,28" href="@@other-toolbar-items#latency-compensation-info" />
- <area shape="rect" coords="196,8,228,28" href="@@other-toolbar-items#playhead_options" />
- <area shape="rect" coords="228,8,348,28" href="@@transport-clocks" />
- <area shape="rect" coords="348,8,368,28" href="@@other-toolbar-items#status_indicators" />
- <area shape="rect" coords="368,8,384,28" href="@@other-toolbar-items#monitor_section_info" />
- <area shape="rect" coords="384,8,428,28" href="@@selection-and-punch-clocks" />
- <area shape="rect" coords="428,8,552,28" href="@@mini-timeline" />
- <area shape="rect" coords="552,8,600,28" href="@@other-toolbar-items#mode_selector" />
- <area shape="rect" coords="0,28,36,324" href="@@audiomidi-mixer-strips" />
- <area shape="rect" coords="36,28,144,36" href="@@toolbox" />
- <area shape="rect" coords="144,28,188,36" href="@@grid-controls" />
- <area shape="rect" coords="188,28,240,36" href="@@nudge-controls" />
- <area shape="rect" coords="516,28,600,36" href="@@zoom-controls" />
- <area shape="rect" coords="476,36,600,60" href="@@selection-and-punch-clocks" />
- <area shape="rect" coords="476,60,600,324" href="@@editor-lists" />
- <area shape="rect" coords="36,36,476,76" href="@@ruler" />
- <area shape="rect" coords="36,296,476,324" href="@@summary" />
- <area shape="rect" coords="36,76,44,296" href="@@track-and-bus-groups" />
- <area shape="rect" coords="44,136,476,156" href="@@audio-track-controls" />
- <area shape="rect" coords="44,96,476,136" href="@@midi-track-controls" />
- <area shape="rect" coords="44,156,476,176" href="@@automation" />
- <area shape="rect" coords="44,176,476,196" href="@@audio-track-controls" />
- <area shape="rect" coords="44,196,476,236" href="@@bus-controls" />
- <area shape="rect" coords="44,236,476,296" href="@@control-masters-mixer-strips" />
- </map>
-
- <img src="/images/mixer_map.png" alt="The Mixer window" usemap="#mixer_map" width="600" height="325">
- <map name="mixer_map">
- <area shape="rect" coords="0,0,336,8" href="@@main-menu" />
- <area shape="rect" coords="336,0,600,8" href="@@status-bar" />
- <area shape="rect" coords="0,8,68,28" href="@@transport-bar" />
- <area shape="rect" coords="68,8,108,28" href="@@selection-and-punch-clocks" />
- <area shape="rect" coords="108,8,196,28" href="@@other-toolbar-items#latency-compensation-info" />
- <area shape="rect" coords="196,8,228,28" href="@@other-toolbar-items#playhead_options" />
- <area shape="rect" coords="228,8,348,28" href="@@transport-clocks" />
- <area shape="rect" coords="348,8,368,28" href="@@other-toolbar-items#status_indicators" />
- <area shape="rect" coords="368,8,384,28" href="@@other-toolbar-items#monitor_section_info" />
- <area shape="rect" coords="384,8,428,28" href="@@selection-and-punch-clocks" />
- <area shape="rect" coords="428,8,552,28" href="@@mini-timeline" />
- <area shape="rect" coords="552,8,600,28" href="@@other-toolbar-items#mode_selector" />
- <area shape="rect" coords="0,28,121,154" href="@@favorite-plugins-window" />
- <area shape="rect" coords="0,154,121,237" href="@@strips-list" />
- <area shape="rect" coords="0,237,121,324" href="@@groups-list" />
- <area shape="rect" coords="121,28,432,33" href="@@track-and-bus-groups" />
- <area shape="rect" coords="514,28,548,324" href="@@master-bus-strip" />
- <area shape="rect" coords="548,28,599,324" href="@@monitor-section" />
- <area shape="rect" coords="432,28,474,324" href="@@control-masters-mixer-strips" />
- <area shape="rect" coords="263,33,333,324" href="@@audiomidi-busses-mixer-strips" />
- <area shape="rect" coords="121,33,263,324" href="@@audiomidi-mixer-strips" />
- <area shape="rect" coords="474,28,514,324" href="@@foldback-strip" />
- <area shape="rect" coords="333,33,343,324" href="@@adding-tracks-busses-and-vcas" />
- </map>
-
- <figcaption>
- The Editor and Mixer windows. Clicking on a section accesses its
- description.
+<figure class="imagemap" style="width:100%;">
+ <img src="/images/editor_map.png" alt="The Editor window" width="900" height="502">
+ <!-- common -->
+ <a href="@@main-menu" class="area" style="left: 0px; top: 0px; width: 168px; height: 13px;"></a>
+ <a href="@@status-bar" class="area" style="left: 746px; top: 0px; width: 154px; height: 13px;"></a>
+ <a href="@@transport-bar" class="area" style="left: 0px; top: 13px; width: 99px; height: 29px;"></a>
+ <a href="@@selection-and-punch-clocks" class="area" style="left: 99px; top: 13px; width: 69px; height: 29px;"></a>
+ <a href="@@other-toolbar-items#latency-compensation-info" class="area" style="left: 168px; top: 13px; width: 69px; height: 29px;"></a>
+ <a href="@@other-toolbar-items#playhead_options" class="area" style="left: 237px; top: 13px; width: 51px; height: 29px;"></a>
+ <a href="@@transport-clocks" class="area" style="left: 288px; top: 13px; width: 183px; height: 29px;"></a>
+ <a href="@@other-toolbar-items#status_indicators" class="area" style="left: 471px; top: 13px; width: 28px; height: 29px;"></a>
+ <a href="@@other-toolbar-items#monitor_section_info" class="area" style="left: 499px; top: 13px; width: 26px; height: 29px;"></a>
+ <a href="@@mixing-linear-nonlinear-workflows" class="area" style="left: 525px; top: 13px; width: 42px; height: 29px;"></a>
+ <a href="@@selection-and-punch-clocks" class="area" style="left: 567px; top: 13px; width: 65px; height: 29px;"></a>
+ <a href="@@mini-timeline" class="area" style="left: 632px; top: 13px; width: 187px; height: 29px;"></a>
+ <a href="@@other-toolbar-items#mode_selector" class="area" style="left: 819px; top: 13px; width: 81px; height: 29px;"></a>
+ <!-- editor -->
+ <a href="@@toolbox" class="area" style="left: 53px; top: 42px; width: 171px; height: 17px;"></a>
+ <a href="@@grid-controls" class="area" style="left: 224px; top: 42px; width: 64px; height: 17px;"></a>
+ <a href="@@nudge-controls" class="area" style="left: 288px; top: 42px; width: 73px; height: 17px;"></a>
+ <a href="@@zoom-controls" class="area" style="left: 746px; top: 42px; width: 154px; height: 17px;"></a>
+ <a href="@@ruler" class="area" style="left: 53px; top: 59px; width: 647px; height: 65px;"></a>
+ <a href="@@editor-lists" class="area" style="left: 746px; top: 59px; width: 154px; height: 442px;"></a>
+ <a href="@@summary" class="area" style="left: 53px; top: 458px; width: 693px; height: 43px;"></a>
+ <a href="@@track-and-bus-groups" class="area" style="left: 53px; top: 124px; width: 10px; height: 334px;"></a>
+ <a href="@@automation" class="area" style="left: 63px; top: 174px; width: 683px; height: 51px;"></a>
+ <a href="@@control-masters-mixer-strips" class="area" style="left: 63px; top: 410px; width: 683px; height: 48px;"></a>
+ <a href="@@audio-track-controls" class="area" style="left: 63px; top: 139px; width: 683px; height: 35px;"></a>
+ <a href="@@midi-track-controls" class="area" style="left: 63px; top: 225px; width: 683px; height: 102px;"></a>
+ <a href="@@bus-controls" class="area" style="left: 63px; top: 346px; width: 683px; height: 64px;"></a>
+ <a href="@@bus-controls" class="area" style="left: 63px; top: 124px; width: 683px; height: 15px;"></a>
+ <a href="@@audio-track-controls" class="area" style="left: 63px; top: 327px; width: 683px; height: 19px;"></a>
+ <a href="@@audiomidi-mixer-strips" class="area" style="left: 0px; top: 42px; width: 53px; height: 460px;"></a>
+
+ <figcaption>
+ The Editor window. Clicking on a section accesses its description.