How to center image on the Top header

Developers Frontend
1

Hi,



I need to center the image that I have added on the top header. How do I achieve this? I have tried all the align and float commands but doesn’t work. Please check the attachment. I added the following command (highlighted in bold) after the logo image in the top.tpl file.





{$manifest.Customer_logo.alt}



[B]

[/B]
{include file="top_quick_links.tpl"}

{include file="top_menu.tpl"}

BTW, I am using the [B]"new vision red"[/B] skin. Any help will be appreciated.

Thnx

Top_header_image_centering.JPG

2

There is no such code float: middle; only float: left; or float: right;

In your top.tpl try:


{$manifest.Customer_logo.alt}
3

[quote name=‘roban’]There is no such code float: middle; only float: left; or float: right;

In your top.tpl try:


{$manifest.Customer_logo.alt}
[/QUOTE]

I guess that would center the logo and not the image ('free shipping') that I have added.
4

[quote name=‘jain1980’]I guess that would center the logo and not the image (‘free shipping’) that I have added.[/quote]

You will have to put the shipping image into a new ‘div’ container or you can alter the image in a graphic program and add some background collor to the left side of the image (what’s much easier to avoid some difficulties in different browsers).