fixed the buttons, the now fully clickable (someone has to test that with IE)

static/pad.html

@@ -23,56 +23,56 @@
 <div id="editbar">
 
 <ul id="menu_left">
-<li>
+<li onClick="window.pad&&pad.editbarClick('bold');return false" >
-  <a onClick="window.pad&&pad.editbarClick('bold');return false" title="Bold (ctrl-B)">
+  <a title="Bold (ctrl-B)">
     <div class="buttonicon" style="background-position:0px -116px"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('italic'); return false;" >
-  <a onClick="window.pad&&pad.editbarClick('italic'); return false;" title="Italics (ctrl-I)">
+  <a title="Italics (ctrl-I)">
     <div class="buttonicon" style="background-position:0px 0px"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('underline');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('underline');return false;" title="Underline (ctrl-U)">
+  <a title="Underline (ctrl-U)">
     <div class="buttonicon" style="background-position:0px -236px;margin-top:1px;"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('strikethrough');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('strikethrough');return false;" title="Strikethrough">
+  <a title="Strikethrough">
     <div class="buttonicon" style="background-position:0px -200px"></div>
   </a>
 </li>
 <li class="separator"></li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('insertunorderedlist');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('insertunorderedlist');return false;" title="Toggle Bullet List">
+  <a title="Toggle Bullet List">
     <div class="buttonicon" style="background-position:0px -34px"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('indent');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('indent');return false;" title="Indent List">
+  <a title="Indent List">
     <div class="buttonicon" style="background-position:0px -52px"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('outdent');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('outdent');return false;" title="Unindent List">
+  <a title="Unindent List">
     <div class="buttonicon" style="background-position:0px -134px"></div>
 	</a>
 </li>
 <li class="separator"></li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('undo');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('undo');return false;" title="Undo (ctrl-Z)">
+  <a title="Undo (ctrl-Z)">
     <div class="buttonicon" style="background-position:0px -255px"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('redo');return false;" >
-	<a onClick="window.pad&&pad.editbarClick('redo');return false;" title="Redo (ctrl-Y)">
+	<a title="Redo (ctrl-Y)">
     <div class="buttonicon" style="background-position:0px -166px"></div>
   </a>
 </li>
 <li class="separator"></li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('clearauthorship');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('clearauthorship');return false;" title="Clear Authorship Colors">
+  <a title="Clear Authorship Colors">
     <div class="buttonicon" style="background-position:0px -86px"></div>
   </a>
 </li>
@@ -80,44 +80,29 @@
 
 <ul id="menu_right">
 
-<li>
+<li onClick="window.pad&&pad.editbarClick('readonly');return false;" >
-  <a id="readonlylink" onClick="window.pad&&pad.editbarClick('readonly');return false;" title="Create a readonly link for this pad">
+  <a id="readonlylink" title="Create a readonly link for this pad">
      <div class="buttonicon" style="background-position:0px -150px"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('import_export');return false;">
-  <a id="exportlink" onClick="window.pad&&pad.editbarClick('import_export');return false;" title="Import/Export from/to different document formats">
+  <a id="exportlink" title="Import/Export from/to different document formats">
     <div class="buttonicon" style="background-position:0px -68px"></div>
   </a>
 </li>
-<li>
+<li onClick="window.pad&&pad.editbarClick('embed');return false;" >
-  <a id="embedlink" onClick="window.pad&&pad.editbarClick('embed');return false;" title="Embed this pad">
+  <a id="embedlink" title="Embed this pad">
     <div class="buttonicon" style="background-position:0px -18px"></div>
   </a>
 </li>
-<!--
-We removed this feature cause its not worth the space it needs in the editbar
-<li>
-	<select id="viewzoommenu">
-		<option value="z85">85%</option>
-		<option value="z100">100%</option>
-		<option value="z115">115%</option>
-		<option value="z150">150%</option>
-		<option value="z200">200%</option>
-		<option value="z300">300%</option>
-	</select>
-</li>-->
 <li class="separator"></li>
-<li>
+<li id="timesliderlink" onClick="document.location = document.location+ '/timeslider'">
-  <a id="timesliderlink" title="Show the history of this pad">
+  <a title="Show the history of this pad">
-    <script>
-      document.getElementById('timesliderlink').href = document.location+ '/timeslider';
-    </script>
     <div class="buttonicon" style="background-position:0px -218px"></div>
   </a>
 </li>
-<li id="usericon">
+<li id="usericon" onClick="window.pad&&pad.editbarClick('showusers');return false;" >
-  <a onClick="window.pad&&pad.editbarClick('showusers');return false;" title="Show connected users">
+  <a title="Show connected users">
     <div class="buttonicon" style="background-position:0px -184px;display:inline-block;"></div>
  <span id="online_count">1</span>
   </a>