css - How to change location of HTML element in the table -


i have html code:

    <table style="cursor: pointer; width: 100%">         <asp:repeater id="pervousresultslist" runat="server" enableviewstate="false">             <itemtemplate>                 <tr>                     <td rowspan="3">                         <asp:image id="image1" imageurl="~/images/pushpinred.png" runat="server" width="32" height="32" />                     </td>                     <tr>                         <td>x:</td>                         <td>                             <%# eval("lon") %>                         </td>                     </tr>                     <tr>                         <td>y:</td>                         <td>                             <%# eval("lat") %>                         </td>                     </tr>                     <td>                         <input type="button" id="ddd" value="b" style="height: 30px;" />                     </td>                 </tr>             </itemtemplate>         </asp:repeater>     </table> 

here how looks in view:

enter image description here

i need change view, , want that:

enter image description here

i need pick element button on line above , move left see on screen shot above.

you can try this:

<tr>     <td rowspan="2">         <asp:image id="image1" imageurl="~/images/pushpinred.png" runat="server" width="32" height="32" />     </td>     <td>x:</td>     <td>         <%# eval("lon") %>     </td>     <td rowspan="2">         <input type="button" id="ddd" value="b" style="height: 30px;" />     </td> </tr> <tr>     <td>y:</td>     <td>         <%# eval("lat") %>     </td> </tr> 

and if want empty row between items, can define separatortemplate with:

<tr>     <td colspan="4">&nbsp;</td> </tr> 

Comments

Popular posts from this blog

java - Suppress Jboss version details from HTTP error response -

gridview - Yii2 DataPorivider $totalSum for a column -

Sass watch command compiles .scss files before full sftp upload -