html - Button on table header -


i have problem old site , need place button in div element, on top of table.

<div class="panel2" style="border: 1px solid red;">     <div id="charinfo">         <input type="button" id="locklist" name="locklist" value="lock wl" />         <table width="500px" style="border:1px solid #000;border-collapse:collae;font-familyrif;font-size:80%;">             <caption style="font-size:140%;padding:5px;">wish list status <b>tyde</b>             </caption>             <thead>                 <tr>                     <th scope="col">zone name</th>                     <th scope="col">wish items</th>                     <th scope="col">received</th>                     <th scope="col">status</th>                 </tr>             </thead>             <tbody>                 <tr></tr>                 <tr>                     <th scopre="row">heart of fear</th>                     <td align="center">22</td>                     <td align="center">0</td>                     <td align="center" style="color:green;"><b>active</b>                     </td>                 </tr>                 <tr>                     <th scopre="row">mogu-shan vaults</th>                     <td align="center">27</td>                     <td align="center">4</td>                     <td align="center" style="color:green;"><b>active</b>                     </td>                 </tr>                 <tr>                     <th scopre="row">throne of thunder</th>                     <td align="center">45</td>                     <td align="center">0</td>                     <td align="center" style="color:green;"><b>active</b>                     </td>                 </tr>                 <tr>                     <th scopre="row">throne of thunder (heroic)</th>                     <td align="center">5</td>                     <td align="center">1</td>                     <td align="center" style="color:red;"><b>not locked</b>                     </td>                 </tr>             </tbody>         </table>     </div> </div> 

i have example here http://jsfiddle.net/tvwkz/

as can see button placed right, want have placed on top of table caption. can done , if how?
wat want
http://www.odinsoft.dk/download/table.jpg

you can this

css

#locklist {width:auto;margin:auto;position: relative;} 

html

<caption style="font-size:140%;padding:5px;">wish list status <b>tyde</b>             <input type="button" id="locklist" name="locklist" value="lock wl" />             </caption> 

demo: http://jsfiddle.net/ypavr/


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -