Need quick alignment help

Discussion in 'HTML & Website Design' started by oldsteel68, Oct 27, 2010.

0
  1. #1
    I dont know what im doing wrong here, but im having a vertical alignment issue and im hoping a pro can swoop in and help me out quick...;)

    I have two scripts. My SSL certificate and my authorize.net seal which I want to display side by side in a side column on my site.

    This is my current code. I dont like the way it looks because the seal is a taller image., and they are both aligned to the top..

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div align="center"><!-- GeoTrust Smart Icon tag. Do not edit. -->
<script language="javascript" type="text/javascript" src="//smarticon.geotrust.com/si.js"></script>
<!-- end GeoTrust Smart Icon tag --></div></td>
    <td><div align="center" class="AuthorizeNetSeal"><script type="text/javascript" language="javascript">var ANS_customer_id="xxxxxxxxxxxxxxxxx";</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script></div></td>
  </tr>
</table>
    Code (markup):
     
    oldsteel68, Oct 27, 2010 IP
  2. S1M

    S1M Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Add top padding to the td with the smaller image to make it look vertically centered. Your code should look like:
    <td style="padding-top: 3px">
    Play with the value until it looks right
     
    S1M, Oct 27, 2010 IP
  3. ralphnsk

    ralphnsk Member

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    You can play with VALIGN attribute of your TD elements. Thepossible values are top middle and bottom

    i.e. 
    
    <td valign="top"><div align="center"><!-- GeoTrust Smart Icon tag. Do not edit. -->
    HTML:
     
    ralphnsk, Oct 28, 2010 IP