diff options
| author | Stef Walter <stef@memberwebs.com> | 2008-06-13 22:03:54 +0000 |
|---|---|---|
| committer | Stef Walter <stef@memberwebs.com> | 2008-06-13 22:03:54 +0000 |
| commit | 4b5ae889e778f05a227e869de9cf12636a4d1e71 (patch) | |
| tree | 07671f286165f718a80df9d4ddb1ef774b276110 | |
| parent | f8912ab58a52ecbfca4a53e98be8be83e45b17c1 (diff) | |
Put all headers on the side in a list
| -rw-r--r-- | www/ajax/index.html | 30 | ||||
| -rw-r--r-- | www/ajax/rrdui.js | 2 | ||||
| -rw-r--r-- | www/ajax/style.css | 22 |
3 files changed, 28 insertions, 26 deletions
diff --git a/www/ajax/index.html b/www/ajax/index.html index d08d5de..9fc987e 100644 --- a/www/ajax/index.html +++ b/www/ajax/index.html @@ -5,7 +5,7 @@ <script language="javascript"> // Specify settings here - var ENDPOINT = "/rrdui-back/"; + var ENDPOINT = "/rrduiback/"; // The background and foregrond colors of the graph var GRAPH_COLOR_BACK = ":252424"; @@ -25,22 +25,18 @@ </head> <body> <table id="main-table" cellspacing="0" cellpadding="0"> - <tr id="top-row"><td> - - <table border="0" width="100%"> - <tr><td id="headers" width="60%"> - <a class="header" id="header-template">Text</a> - </td> - <td align="right" id="logo"> - - <!-- CUSTOMIZE: Add your logo or title here --> - Network Statistics - - </td></tr> - </table> - - </td></tr> - <tr id="main-row"><td colspan="2" id="main-cell"> + <tr id="main-row"> + <td id="left-column"> + + <div id="logo"> + <!-- CUSTOMIZE: Add your logo or title here --> + Network Stats + </div> + <div id="headers"> + <a id="header-template" class="header">Text</a> + </div> + </td> + <td colspan="2" id="main-cell"> <iframe id="main-frame" src="frame.html" border="0" frameborder="0"></iframe> </td></tr> diff --git a/www/ajax/rrdui.js b/www/ajax/rrdui.js index 55c68fd..fc238d9 100644 --- a/www/ajax/rrdui.js +++ b/www/ajax/rrdui.js @@ -676,7 +676,7 @@ function loadXml(uri, callback) function displayError(message, place) { - var el = document.createElement("span"); + var el = document.createElement("div"); el.className = "error"; var text = document.createTextNode(message); el.appendChild(text); diff --git a/www/ajax/style.css b/www/ajax/style.css index 7b6cfe2..5980f99 100644 --- a/www/ajax/style.css +++ b/www/ajax/style.css @@ -18,13 +18,14 @@ body { width: 100%; height: 100%; - padding: 10px; + padding: 5px; } -#top-row +#left-column { - height: 30pt; - padding: 0px; + width: 150pt; + vertical-align: top; + padding-right: 10px; } #main-row @@ -53,14 +54,19 @@ body /* A group button at the top */ .header { - background-color: #3D2C2C; - line-height: 19pt; - padding: 3pt 5pt; + line-height: 14pt; font-size: 8pt; +/* padding: 3pt 5pt; + background-color: #3D2C2C; + -moz-border-radius: 3pt; */ + padding-left: 5pt; font-weight: bold; - -moz-border-radius: 3pt; cursor: pointer; text-decoration: none; + display: block; +} +.header:hover { + color: white; } /* Our sample header (which gets copied for each group) is hidden */ |