"Резиновая" верстка и изменение стиля.
[mpd-lua.git] / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
3 <head>
4         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5         <title>MPD Player</title>
6         <link rel="stylesheet" href="css/general.css" type="text/css" />
7         <script type="text/javascript" src="ajax/mpd.js"></script>
8 </head>
9 <body onload="SetSize(); RefreshPageContent()" onresize="SetSize()">
10
11 <div id="frame">
12 <div id="header">
13 <div id="nowplaying_heading">
14 <table id="heading_tbl">
15 <tr>
16 <td id="left">Now playing</td>
17 <td id="right">
18 <span onclick="RefreshPageContent()"><img class="button" align="right" width="20" src="images/update.png"></span>
19 </td>
20 </tr>
21 </table>
22 </div>
23
24 <div id="nowplaying_content">
25 </div>
26
27 <div id="control_buttons">
28 <table>
29 <tr>
30 <td><span onclick="Command('previous')"><img class="button" src="images/previous.png"></span></td>
31 <td><div id="playpausebutton"><span onclick="Command('pause')"><img class="button" src="images/pause.png"></span></div></td>
32 <td><span onclick="Command('stop')"><img class="button" src="images/stop.png"></span></td>
33 <td><span onclick="Command('next')"><img class="button" src="images/next.png"></span></td>
34 <td><span onclick="Command('repeat')"><div id="repeatstate"><img class="button" src="images/repeaton.png"></div></span></td>
35 </tr>
36 </table>
37 </div>
38
39 <div id="control_volume">
40 <table>
41 <tr>
42 <td><span onclick="Command('vold')"><img class="button" src="images/minus.png"></span></td>
43 <td id="volume_content">Volume:</td><td><div id="volume_total"></div></div></td>
44 <td><span onclick="Command('volu')"><img class="button" src="images/plus.png"></span></td>
45 </tr>
46 </table>
47 </div>
48
49 </div>
50
51 <div id="main">
52 <div id="playlist_menu_top" class="playlist_menu">
53 </div>
54 <div id="items">
55 </div>
56 <div id="playlist_menu_bottom" class="playlist_menu">
57 </div>
58 </div>
59
60 </div>
61 </body>