Store logo

[wonce]

Hi,

I am having a problem with my store logo that I can't seem to solve.

After setting up my store I replaced the default store logo with one that i design. However after adding my new logo to the store I noticed that the logo is too big for some computer screens (i.e it is not center on screens that are not the same resolution as mine)

 

Therefore I went to catalog/includes/header.php and added ('100%','100%') the following code:

 

<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'store_logo.gif','100%','100%', STORE_NAME) . '</a>'; ?></td>

 

I am not to familiar with php, but I figure that by add 100% for the logo width and height this should fixed the problem. However the problem only appears to have been fixed when i view the site in firefox of google chrome browers. when I use internet explorer the logo is too small t see.

 

Can anyone help?

 

Thanks in advance

 

wonce

[Jack_mcs]

Images won't resize properly so that approach won't work. You need to create the image in the size that fits the smallest screen resolution you want to target. So if you want your site to look good in 800x600 and above, the image needs to have a width of about 780 (adjust for the scroll bar). Once that is done, you need to add a background color or image that fills in and expands as needed. If your logo doesn't have a design to blend well with a background, then this won't work. There is javascript code that will check the size of the browser and display an image of a different size. That is not as good of a solution as the above but it mihgt be better than nothing.

[wonce]

Images won't resize properly so that approach won't work. You need to create the image in the size that fits the smallest screen resolution you want to target. So if you want your site to look good in 800x600 and above, the image needs to have a width of about 780 (adjust for the scroll bar). Once that is done, you need to add a background color or image that fills in and expands as needed. If your logo doesn't have a design to blend well with a background, then this won't work. There is javascript code that will check the size of the browser and display an image of a different size. That is not as good of a solution as the above but it mihgt be better than nothing.

 

Thanks a lot, I used your smaller image size recommendation and some additional coding to get the look that I wanted for my store logo.

 

Wonce