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>
Comments
Post a Comment