Shipping options name and price don't line up

[SPembleton]

When my customer is presented with the options for shipping their order, the name of the option (i.e. First Class Mail) appears one line lower than the price of that option. This is true for all shipping options, including store pickup, all USPS options and all UPS options. It just makes it hard for my customer to read the options.

Additionally, the words "United States Postal Service" and "United Parcel Service" appear 1 line lower than the associated logo for that service. The words "Store Pickup" (First on the list) is fine.

Any ideas?

[Ajeh]

Could you take a screen shot of your site and what you are seeing based on what you just described?

Also, what browser are you in when this happens?

[SPembleton]

Could you take a screen shot of your site and what you are seeing based on what you just described?

Also, what browser are you in when this happens?

I have tried it in Explorer, Firefox and Chrome. Screenshot of Explorer is attached, but all 3 identical. Also, feel free to visit the site if that is easier (www.cheapjumprings.com)

Shipping Option Misalignment - Explorer.zip

[Ajeh]

Are you using the larger icons because you have to/want to? Or do not know of other smaller icons or how to make them?

NOTE: Smaller icons are in v1.3.9h that you may or may not like ... that you can download just to look at the images ...
/includes/templates/template_default/images/icons/shipping_usps.gif
/includes/templates/template_default/images/icons/shipping_ups.gif

Or, USPS/UPS sites ... with or without you fixing those image sizes ...

Or, search the web for those image ...

Otherwise ... perhaps a nice designer type will jump in here to help as I am not the one to ask about how to fix those image alignment issues that you have explained and demonstrate in your attached snapshot and via your site ...

Hope these suggestions can assist you or somebody designer like jumps in here to save me and help you correctly ...

[SPembleton]

Are you using the larger icons because you have to/want to? Or do not know of other smaller icons or how to make them?

I just couldn't find any others. I will try the smaller one later this week and let you know the results. Thanks as always

Also - I want to thank you and Dr. Byte for the fix on the new USPS files. I did "buy you a cup of coffee" for your efforts. You are all great!

[Ajeh]

Thanks you so much for your support for the USPS shipping module for July 28, 2013 J5!

We really appreciate it ...

Let us know how you make out images ...

[SPembleton]

I installed the smaller icons, but the problem persists. (They are really small icons, or am I just used to the larger ones?) Any other ideas?

[Ajeh]

Okay, I know what is wrong, just not the designer type solution ...

The image is not set to align center ...

The legend on the HTML code is reading:

<legend>
United Parcel Service 
<img width="20" height="13" title=" United Parcel Service " alt="United Parcel Service" src="includes/templates/template_default/images/icons/shipping_ups.gif">


</legend>

You need to figure out what is needed to make that images line up better or what you "consider" is the best look ...

Then, once you know what you want it to look like, you need to search the code to find that piece where you should make the changes that you need so the shipping icons line up differently than they do now ...

[SPembleton]

I am not concerned about how the icons line up. What I am concerned about is that the option name (i.e. First Class) does not line up with the price ($2.24). Can I get them to line up?