|
|
| Line 1: |
Line 1: |
| <div style="position: relative; display: inline-block; width: 960px;">
| | {| class="wikitable" style="border: none; background: transparent; margin: 0; padding: 0; border-collapse: collapse;" |
| | |- |
|
| |
|
| <!-- 1. The Background Floor Plan Image -->
| | | style="position: relative; padding: 0; margin: 0; border: none;" | [[File:SandboxFloorPlan.png|960px|none|alt=Sandbox Floor Plan]] |
| [[File:SandboxFloorPlan.png|960px|none|alt=Sandbox Floor Plan]]
| | <!-- 1. Electronics Zone (Red Box Overlay) --> |
| | | <div style="position: absolute; left: 32%; top: 8%; width: 14%; height: 16%; z-index: 10;">[[Main_Page| style="display: block; width: 100%; height: 100%; text-decoration: none;" | ]]</div> |
| <!-- 2. Transparent Clickable Hotspot Overlay Layers -->
| | <!-- 2. Crafting Zone (Orange Box Overlay) --> |
| <span class="plainlinks">
| | <div style="position: absolute; left: 48%; top: 11%; width: 12%; height: 15%; z-index: 10;">[[Main_Page| style="display: block; width: 100%; height: 100%; text-decoration: none;" | ]]</div> |
|
| | <!-- 3. Sewing Zone (Green Box Overlay) --> |
| <!-- Electronics Zone (Red Box) -->
| | <div style="position: absolute; left: 60%; top: 13%; width: 12%; height: 16%; z-index: 10;">[[Main_Page| style="display: block; width: 100%; height: 100%; text-decoration: none;" | ]]</div> |
| <a href="https://umd.edu" title="Electronics"
| | <!-- 4. Office Zone (White Gray Box Overlay) --> |
| style="position: absolute; left: 31%; top: 7%; width: 14%; height: 16%; display: block; z-index: 10;"></a>
| | <div style="position: absolute; left: 34%; top: 33%; width: 13%; height: 14%; z-index: 10;">[[Main_Page| style="display: block; width: 100%; height: 100%; text-decoration: none;" | ]]</div> |
| | | |} |
| <!-- Crafting Zone (Orange Box) -->
| |
| <a href="https://umd.edu" title="Crafting"
| |
| style="position: absolute; left: 47%; top: 11%; width: 12%; height: 15%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Sewing Zone (Green Box) -->
| |
| <a href="https://umd.edu" title="Sewing"
| |
| style="position: absolute; left: 60%; top: 13%; width: 12%; height: 16%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Office Zone (White Gray Box) -->
| |
| <a href="https://umd.edu" title="Office"
| |
| style="position: absolute; left: 34%; top: 33%; width: 13%; height: 14%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Prototyping Laser Cutting (Light Blue Box) -->
| |
| <a href="https://umd.edu" title="Laser Cutting"
| |
| style="position: absolute; left: 33%; top: 49%; width: 13%; height: 14%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- Prototyping 3D Printing (Dark Blue Box) -->
| |
| <a href="https://umd.edu" title="3D Printing"
| |
| style="position: absolute; left: 46%; top: 47%; width: 11%; height: 15%; display: block; z-index: 10;"></a>
| |
| | |
| <!-- CNC Zone (Purple Box) -->
| |
| <a href="https://umd.edu" title="CNC"
| |
| style="position: absolute; left: 41%; top: 70%; width: 13%; height: 15%; display: block; z-index: 10;"></a>
| |
| | |
| </span>
| |
| </div>
| |
