"Резиновая" верстка и изменение стиля.
[mpd-lua.git] / index.html
index 5df6090a58e2920fa3b10516972aa5f48ae39942..6a7c78a6b17335f059d2a65cd27c06e04968a2ab 100644 (file)
@@ -6,12 +6,10 @@
        <link rel="stylesheet" href="css/general.css" type="text/css" />
        <script type="text/javascript" src="ajax/mpd.js"></script>
 </head>
        <link rel="stylesheet" href="css/general.css" type="text/css" />
        <script type="text/javascript" src="ajax/mpd.js"></script>
 </head>
-<body onload="RefreshPageContent()">
+<body onload="SetSize(); RefreshPageContent()" onresize="SetSize()">
 
 <div id="frame">
 
 <div id="frame">
-
-<div id="playerframe">
-
+<div id="header">
 <div id="nowplaying_heading">
 <table id="heading_tbl">
 <tr>
 <div id="nowplaying_heading">
 <table id="heading_tbl">
 <tr>
 </tr>
 </table>
 </div>
 </tr>
 </table>
 </div>
-</div>
-
-<div id="playlist">
 
 
-<div id="playlist_menu">
-<table>
-<tr>
-<td><span class="button" onclick="EditPlayList()"><img width="20" src="images/songs.png"></span><td>
-<td><span class="button" onclick="LoadPlayList()"><img width="20" src="images/lists.png"></span><td>
-<td><span class="button" onclick="SavePlayList()"><img width="20" src="images/save.png"></span><td>
-<td><span class="button" onclick="return confirm('Clear current playlist, are you sure?') ? PlaylistCommand('clear') : false;" ><img width="20" src="images/removeall.png"></span><td>
-<td><span class="button" onclick="PlaylistItemsCommand('removeselected')"><img width="20" src="images/removeselected.png"></span><td>
-</tr>
-</table>
 </div>
 
 </div>
 
+<div id="main">
+<div id="playlist_menu_top" class="playlist_menu">
+</div>
 <div id="items">
 </div>
 <div id="items">
 </div>
-
-<div id="playlist_menu">
-<table>
-<tr>
-<td><span class="button" onclick="EditPlayList()"><img width="20" src="images/songs.png"></span><td>
-<td><span class="button" onclick="LoadPlayList()"><img width="20" src="images/lists.png"></span><td>
-<td><span class="button" onclick="SavePlayList()"><img width="20" src="images/save.png"></span><td>
-<td><span class="button" onclick="return confirm('Clear current playlist, are you sure?') ? PlaylistCommand('clear') : false;" ><img width="20" src="images/removeall.png"></span><td>
-<td><span class="button" onclick="PlaylistItemsCommand('removeselected')"><img width="20" src="images/removeselected.png"></span><td>
-</tr>
-</table>
+<div id="playlist_menu_bottom" class="playlist_menu">
 </div>
 </div>
-
 </div>
 
 </div>
 </div>
 
 </div>
-
 </body>
 </body>