diff options
author | Christian Pointner <equinox@ffgraz.net> | 2008-12-23 13:40:12 +0000 |
---|---|---|
committer | Christian Pointner <equinox@ffgraz.net> | 2008-12-23 13:40:12 +0000 |
commit | 4d4f1587866d27e62a8ab9f93fbe5ccffa48bfb7 (patch) | |
tree | cd559770a416cfe899b0c892f8271ed4b3dee5e3 /index.php | |
parent | adb1a800ecd09ca405a57312a5c2b1b4e19e612a (diff) |
fixed margin and positioning of legend, count and visibox
Diffstat (limited to 'index.php')
-rw-r--r-- | index.php | 86 |
1 files changed, 44 insertions, 42 deletions
@@ -35,50 +35,52 @@ if($_SERVER['HTTP_HOST'] == 'dev-karte.ffgraz.net') { <body onload="onLoad()" onunload="GUnload()">
<div id="map" style="width:100%; height:100%;"></div>
- <div id="legendbox" class="box">
- <b>Legende:</b>
- <table class="legend">
- <tr><td align="center"><img src="./img/marker_online.png" /></td><td> </td><td>Online</td></tr>
- <tr><td align="center"><img src="./img/marker_offline.png" /></td><td> </td><td>Offline</td></tr>
- <tr><td align="center"><img src="./img/marker_tunnel.png" /></td><td> </td><td>Tunnel</td></tr>
- <tr><td align="center"><img src="./img/link_green.png" /></td><td> </td><td>Gut</td></tr>
- <tr><td align="center"><img src="./img/link_yellow.png" /></td><td> </td><td>Mittel</td></tr>
- <tr><td align="center"><img src="./img/link_grey.png" /></td><td> </td><td>Schlecht</td></tr>
- <tr><td align="center"><img src="./img/link_blue.png" /></td><td> </td><td>Tunnel</td></tr>
- </table>
- </div>
- <div id="countbox" class="box">
- </div>
- <div id="visibox" class="box">
- <b>Elemente<br />ausblenden</b>
- <form name="visibleform" action="#" onsubmit="return false">
+ <div id="northeastcontainer">
+ <div id="legendbox" class="box">
+ <b>Legende:</b>
<table class="legend">
- <tr>
- <td><input type="checkbox" name="offline" value="true" onclick="javascript:toggleVisible('offline')"></td>
- <td> </td><td align="center"><img src="./img/marker_offline.png" /></td>
- </tr>
- <tr>
- <td><input type="checkbox" name="online" value="true" onclick="javascript:toggleVisible('online')");></td>
- <td> </td><td align="center"><img src="./img/marker_online.png" /> <img src="./img/marker_tunnel.png" /></td>
- </tr>
- <tr>
- <td><input type="checkbox" name="bad" value="true" onclick="javascript:toggleVisible('bad')" checked="checked"></td>
- <td> </td><td align="center"><img src="./img/link_grey.png" /></td>
- </tr>
- <tr>
- <td><input type="checkbox" name="middle" value="true" onclick="javascript:toggleVisible('middle')"></td>
- <td> </td><td align="center"><img src="./img/link_yellow.png" /></td>
- </tr>
- <tr>
- <td><input type="checkbox" name="good" value="true" onclick="javascript:toggleVisible('good')"></td>
- <td> </td><td align="center"><img src="./img/link_green.png" /></td>
- </tr>
- <tr>
- <td><input type="checkbox" name="tunnel" value="true" onclick="javascript:toggleVisible('tunnel')"></td>
- <td> </td><td align="center"><img src="./img/link_blue.png" /></td>
- </tr>
+ <tr><td align="center"><img src="./img/marker_online.png" /></td><td> </td><td>Online</td></tr>
+ <tr><td align="center"><img src="./img/marker_offline.png" /></td><td> </td><td>Offline</td></tr>
+ <tr><td align="center"><img src="./img/marker_tunnel.png" /></td><td> </td><td>Tunnel</td></tr>
+ <tr><td align="center"><img src="./img/link_green.png" /></td><td> </td><td>Gut</td></tr>
+ <tr><td align="center"><img src="./img/link_yellow.png" /></td><td> </td><td>Mittel</td></tr>
+ <tr><td align="center"><img src="./img/link_grey.png" /></td><td> </td><td>Schlecht</td></tr>
+ <tr><td align="center"><img src="./img/link_blue.png" /></td><td> </td><td>Tunnel</td></tr>
</table>
- </form>
+ </div>
+ <div id="countbox" class="box">
+ </div>
+ <div id="visibox" class="box">
+ <b>Elemente<br />ausblenden</b>
+ <form name="visibleform" action="#" onsubmit="return false">
+ <table class="legend">
+ <tr>
+ <td><input type="checkbox" name="offline" value="true" onclick="javascript:toggleVisible('offline')"></td>
+ <td> </td><td align="center"><img src="./img/marker_offline.png" /></td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" name="online" value="true" onclick="javascript:toggleVisible('online')");></td>
+ <td> </td><td align="center"><img src="./img/marker_online.png" /> <img src="./img/marker_tunnel.png" /></td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" name="bad" value="true" onclick="javascript:toggleVisible('bad')" checked="checked"></td>
+ <td> </td><td align="center"><img src="./img/link_grey.png" /></td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" name="middle" value="true" onclick="javascript:toggleVisible('middle')"></td>
+ <td> </td><td align="center"><img src="./img/link_yellow.png" /></td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" name="good" value="true" onclick="javascript:toggleVisible('good')"></td>
+ <td> </td><td align="center"><img src="./img/link_green.png" /></td>
+ </tr>
+ <tr>
+ <td><input type="checkbox" name="tunnel" value="true" onclick="javascript:toggleVisible('tunnel')"></td>
+ <td> </td><td align="center"><img src="./img/link_blue.png" /></td>
+ </tr>
+ </table>
+ </form>
+ </div>
</div>
<div id="addressbox" class="box">
<b>Adresse suchen:</b>
|