Skip to main content
Topics#VisualforceMichael Dely's Question
Michael Dely asked in #Visualforce
May 23, 2018, 1:22 AM

Visualforce Aligning Icons

I have been buidling out a visualforce templates and ran into an issue when trying to align a couple of the icons side by side.  I have attached the code below.  Then I attached two illustrations.  The first is how it currently looks and the second is how I want it to look.   

 Can someone help me modify the code so the end result looks like the 2nd one?  I appreciate it!  

Thanks, 

​Mike 

Visualforce Aligning Icons

User-added image

User-added image

 
3 answers
  1. Michael Dely
    May 23, 2018, 5:28 PM
    Hi Sampath.  Thanks this worked very well!  My only remaining question is the height/width of the "Redeem Now" button.  I changed that part of the code and the button is the size that I want in the preview, but once it is sent out the button is too small on the receiving side.  Here is the code I currently have within what you provided.  I included a screenshot below the code showing how small the button is.  Let me know your thoughts.  Thanks!

                            <td><apex:outputLink value="https://www.amazon.com/gp/css/gc/payment/view-gc-balance?ie=UTF8&amp;ref_=gc_lp_atya" style="display:block;width:200px;margin-top:20px;padding:20px 30px;background-color:⌗F68F2E;font-size:14px;color:⌗FFF;text-decoration:none;text-align:center;"><b>Redeem Now</b></apex:outputLink>

                            </td>

                        </tr>

                    </table>

                    

                </td>

            </tr>

        </table>

    <br /></td>

    Hi Sampath. Thanks this worked very well! My only remaining question is the height/width of the
Write an answer...
0/9000