Authorize.net / GoDaddy Seals not lining up

**funkdrmr** · 23 Dec 2006, 12:44 AM

Here is a link to an online payment system (donation style) that I am creating for a client using Zen-Cart.

http://www.heydaygraphicsandpromotio...rint_products/

In the footer, you can see that the Authorize.net and GoDaddy SSL seals are not lined up.

Here is the code from my tpl_footer.php file:

Code:

<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY, FOOTER_AUTH_BODY, FOOTER_GODA_BODY ?></div>

FOOTER_AUTH_BODY is the authorize.net seal
FOOTER_GODA_BODY is the GoDaddy seal.

Both are defined just as FOOTER_TEXT_BODY is in my english.php file.

Can anyone help me vertically center these 2 graphics? I don't know if it's a problem because they're both called by javascript, or anything else. I've tried <div> tags, Table valign=middle...everything else I could think of.

**funkdrmr** · 23 Dec 2006, 12:46 AM

FWIW, I was able to put both seals into the GoDaddy SSL sidebox, but this is not an option that my client wants to use for this payment system.

**kobra** · 23 Dec 2006, 04:45 AM

One is a static graphic and the other is flash determine the vertical size of each and match.

**funkdrmr** · 23 Dec 2006, 04:47 AM

so I should adjust the picture to the size of the picture (auth.net) to match the flash (godaddy)?

I'm not seeing how that can be done, as they're both called using javascript....it isn't simple HTML (width="xxx" height="xxx") is it?

**kobra** · 23 Dec 2006, 08:45 AM

As I recall the static authorize.net image was about 62 or 82px high if the flash consumes say 110px in height. Open the first image in PS or your choice and you can place the image on a trans matt that is 110px high and save and this will not change the actual image proportions it will just be a taller end size and the extra is transparent thus does not show.