+ Start a Discussion
Money CareMoney Care 

how arrange the position in vf page

<apex:page standardController="Bill__c" showHeader="false" sidebar="false" standardStylesheets="false" renderAs="pdf">
 <head>
     <style type="text/css">

        @page {

                 size:A4;

                 margin: 10mm;

              }

   </style>

 </head> 
 <body>
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
       <tr>

                    <td>

                        <table cellspacing="5" border="0" width="100%" cellpadding="2">
                            <tr>

                                <td valign="top" width="30%">

                                    <!--<apex:image url="{!$Resource.Synthesis_New_Logo}" height="75" width="350"/>-->
                                    <div>
                                    </div>
                                
                                </td>
                                <td valign="right" align="right">
                                    <table>
                                      <tr><td>
                                      
                                      
                                      </td></tr>
                                    </table>
                                </td>

                            </tr>

                        </table>

                    </td>

                </tr>
                <tr>

                    <td>

                        <table border="0" cellspacing="0" width="100%" align="middle">

                            <tr>

                                <td align="center" style=" font: 22px; font-family: Calibri;">
                                   <!-- <b> ISO 9001 : 2008 Cerified  </b>   -->
                                   
                                 </td>

                           </tr>

                        </table>

                    </td>

                </tr>          
               <tr>
                  <td>
                   <table border="0" cellspacing="0" width="100%">
                       <tr>
                           <td valign="top" width="70%">
        
                                 <div  style=" font: 16px; font-family: Arial;">
                                    <br/><br/><br/>To,<br/>
                                        <b> {!Bill__c.Transaction__r.Borrowing_Party__r.Name}</b><br/>
                                        {!Bill__c.Transaction__r.Borrowing_Party__r.billingStreet}<br/>
                                        {!Bill__c.Transaction__r.Borrowing_Party__r.BillingCity} - {!Bill__c.Transaction__r.Borrowing_Party__r.BillingPostalCode}<br/>

                                        {!Bill__c.Transaction__r.Borrowing_Party__r.BillingState}<br/>

                                        {!Bill__c.Transaction__r.Borrowing_Party__r.BillingCountry}<br/>
                                     
                                 </div>
        
                           </td>
                           <td valign="right" align="right"  style=" font: 16px; font-family: Arial;">
        
                                 <apex:outputText value="Date: {0,date,dd/MM/yyyy}">
        
                                     <apex:param value="{!Bill__c.Bill_Date_formula__c}"/>
        
                                 </apex:outputText><br/>
                                 {!Bill__c.Brokerage_Bill_No__c}
                           </td>
                       </tr>
                   </table>
                  </td>
               </tr>
             <!-- <tr>
                  <td> <br/></td>
                  <td> <br/></td>
               </tr>   --> 
               <tr>
                   <td>
                       <table border="0" cellspacing="0" width="100%">
                          <tr>
                              <td valign="middle" align="center"  style=" font: 14px; font-family: Times New Roman;">
                               <b><h2><i><u>BILL</u></i></h2></b><br/>
                              </td>
                          </tr>
                          <tr>
                                <td align="left"  style=" font: 16px; font-family: Times New Roman;">
                                   <b> <u>Being the amount of Brokerage on arranging Loan as per details given below</u> : </b>
                                </td><br/>
                          </tr>
                       </table>
                   </td>
               </tr>
                
               <tr>
                   <td>
                       <table border="0" cellspacing="0" width="100%">
                            <tr>
                                 <td valign="left" align="center" width="45%">
                                   <u> Name of the Lender</u>
                                 </td>
                                 <td valign="left" align="center" width="15%">
                                   <u> Amount</u>
                                 </td>
                                 <td valign="left" align="center" width="10%">
                                    <u>Days</u>
                                 </td> 
                                 <td valign="right" align="center" width="10%">
                                   <u> Rate</u>
                                 </td>
                                 <td valign="right" align="right" width="20%">
                                   <u>Brokerage(Rs.)</u>
                                 </td>    
                            </tr>
                           
                            <tr>
                                <td>
                                </td>
                              </tr>
                           <tr width="100%">
                                 <td valign="left" align="center" width="45%">
                                   <b> {!Bill__c.Transaction__r.Lending_Party__r.Name} <br/></b>
                                   ( From &nbsp;
                                         <apex:outputText value="{0,date,dd/MM/yyyy}">
                                           <apex:param value="{!Bill__c.Transaction__r.Due_Date_of_Repayment__c}" />
                                       </apex:outputText>
                                       
                                 to &nbsp;  <apex:outputText value="{0,date,dd/MM/yyyy}">
                                             <apex:param value="{!Bill__c.Transaction__r.Defaulter_s_Repayment_date_formula__c}"/>
                                         </apex:outputText> )
                                 </td>
                                  
                                 <td align="center" width="15%">
                                    <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Loan_Amount__c}"/>
                                      </apex:outputText>/-
                                 </td>
                                 <td valign="center" align="center" width="10%">
                                     <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Principal_Repayment_Delay__c}"/>
                                      </apex:outputText>
                                 </td>
                                 <td valign="right" align="center" width="10%">
                                 <apex:outputText value="{0, number, ###,###.00}">
                                           <apex:param value="{!Bill__c.Transaction__r.Supplementary_Brokerage_Rate__c}"/>
                                      </apex:outputText>%
                                 </td>
                                 <td valign="right" align="right" width="20%">
                                    <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Supplementary_Brokerage_Amount__c}"/>
                                      </apex:outputText>/-
                                 </td>
                            </tr>
                                <tr>
                                 <td valign="left" width="45%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="15%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="right" align="right" width="20%">
                                    <br/>
                                 </td>
                            </tr>
                        
                            <tr>
                             <td >
                       <apex:outputPanel rendered="{!IF(Bill__c.Transaction__r.ST_Amt_on_Supplementary_Brokerage__c==0,false,true)}"> 
                       <colgroup width="300"> <tr>           
                <td>&nbsp;&nbsp;&nbsp;&nbsp; Add: Service Tax @ {!Bill__c.Transaction__r.ST_on_Supplementary_Brokerage__c}% </td><td valign="left" align="left" width="15%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td> <td valign="right" align="right" width="20%">
                
                <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.ST_Amt_on_Supplementary_Brokerage__c}"/>
                                      </apex:outputText>/-</td></tr></colgroup>
                                       </apex:outputPanel>
                                    
                                 </td>
                            </tr>
                            
                            
            <tr>
                             <td >
                       <apex:outputPanel rendered="{!IF(Bill__c.Transaction__r.Swach_Bharat_Cess__c==null,false,true)}"> 
                       <tr>           
                <td>&nbsp;&nbsp;&nbsp;&nbsp; Swachh Bharat Cess @ {!Bill__c.Transaction__r.Swach_Bharat_Cess__c}% </td><td valign="left" align="left" width="15%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td> <td valign="right" align="right" width="20%">
                
                <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Swach_Bharat_Cess_Amt_Sup_Brok__c}"/>
                                      </apex:outputText>/-</td></tr>
                                       </apex:outputPanel>
                                    
                                 </td>
                            </tr>
                            
                            <tr>
                             <td >
                       <apex:outputPanel rendered="{!IF(Bill__c.Transaction__r.Krishi_Kalyan_Cess__c==null,false,true)}"> 
                       <colgroup width="300"> <tr>           
                <td>&nbsp; &nbsp; Krishi Kalyan Cess @ {!Bill__c.Transaction__r.Krishi_Kalyan_Cess__c}% </td><td valign="left" align="left" width="15%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td> <td valign="right" align="right" width="20%">
                
                <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Krishi_Kalyan_Cess_Amt_Sup_Brok__c}"/>
                                      </apex:outputText>/-</td></tr></colgroup>
                                       </apex:outputPanel>
                                    
                                 </td>
                            </tr>
                         
                            
                            
                            <tr>
                             <td >
                       <apex:outputPanel rendered="{!IF(Bill__c.Transaction__r.Supp_Education_Cess_INR__c==0,false,true)}"> 
                       <colgroup width="300"> <tr>           
                <td>&nbsp;&nbsp;&nbsp;&nbsp; EC @2% of ST </td><td valign="left" align="left" width="15%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td> <td valign="right" align="right" width="20%">
                
                <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Supp_Education_Cess_INR__c}"/>
                                      </apex:outputText>/-</td></tr></colgroup>
                                       </apex:outputPanel>
                                    
                                 </td>
                            </tr>
                            
                            
                            <tr>
                             <td >
                       <apex:outputPanel rendered="{!IF(Bill__c.Transaction__r.Secondary_Supplementary_Educ_Cess_INR__c==0,false,true)}"> 
                       <colgroup width="300"> <tr>           
                <td>&nbsp;&nbsp;&nbsp;&nbsp; HEC @1% of ST </td><td valign="left" align="left" width="15%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td> <td valign="right" align="right" width="20%">
                
                <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Secondary_Supplementary_Educ_Cess_INR__c}"/>
                                      </apex:outputText>/-</td></tr></colgroup>
                                       </apex:outputPanel>
                                    
                                 </td>
                            </tr>
               
                            <tr>
                                <td>
                                    <br/>
                                </td>
                            </tr>
                            <tr>
                                 <td valign="left" width="45%">
                                   <br/>
                                 </td>
                                 <td valign="left" align="left" width="15%">
                                    <br/>    
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="right" align="right" width="20%">
                                    <table border="0" cellspacing="0" align="right" width="50%">
                                         <tr>
                                             <td colspan="2"><hr/>
                                               <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Sup_gross_Bro__c}"/>
                                      </apex:outputText>/-
                                             </td>
                                         </tr>
                                    </table>
                                    
                                 </td>
                            </tr>
                            <tr>
                                <td>
                                <br/>
                                <br/>
                                </td>
                              </tr>
                              <tr>
                            <td >
                       <apex:outputPanel rendered="{!IF(Bill__c.Transaction__r.TDS_Amt_on_Supplementary_Brokerage__c==0,false,true)}"> 
                       <colgroup width="300"> <tr>           
                <td>&nbsp;&nbsp;&nbsp;&nbsp; Less: TDS @ {!Bill__c.Transaction__r.TDS_on_Supplementary_Brokerage_Amt__c} % </td><td valign="left" align="left" width="15%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td> <td valign="right" align="right" width="20%">
                
                <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.TDS_Amt_on_Supplementary_Brokerage__c}"/>
                                      </apex:outputText>/-</td></tr></colgroup>
                                       </apex:outputPanel>
                                      
                                      
                                 </td>
                            </tr>
                            <tr>
                                <td>
                                <br/>
                                </td>
                            </tr>
              </table>
              <table>
                            <tr>
                                 <td valign="left" width="70%">
                                   <i>( Rupees {!Bill__c.Transaction__r.Net_Supplementary_Brokerage_in_words__c} only )  </i>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="left" align="left" width="10%">
                                    <br/>
                                 </td>
                                 <td valign="right" align="right" width="30%">
                                     <table border="0" cellspacing="0" width="100%">
                                         <tr>
                                             <td colspan="2"><hr/>
                                             </td>
                                         </tr>
                                    </table>
                                   <b>    <apex:outputText value="{0, number, ###,###}">
                                           <apex:param value="{!Bill__c.Transaction__r.Net_Suppl_Brokerage__c}"/>
                                      </apex:outputText>/-  </b>
                                   <table border="0" cellspacing="0" width="100%">
                                         <tr>
                                             <td colspan="2"><hr/>
                                             </td>
                                         </tr>
                                    </table>
                                 </td>
                            </tr>   
                        </table>
                    </td>
                </tr>
                </table>
                <br/>
               
     </body>
</apex:page>

 
Money CareMoney Care
This is my problem.i am unable to arrange the position

User-added image