Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Index page not alligning correctly


sbrenusa

Recommended Posts

Hi - I'm new to OS Commerce and PHP but learning a lot. I'm using a template and simply replaced the logo.jpg and a p.jpg (picture to the right of the logo) with similar images of the same size. For some reason it doesn't line up on the index.php page but is fine on all the others! Any ideas? Is there something else unique to the index page that I need to change or adjust? Please take a look and advise.

 

http://www.casawineshop.com/shop/index.php

 

Thanks in advance.

 

stephanie

Link to comment
Share on other sites

Must have a table width problem somewhere.

 

It's hard to "do the math", but width of the entire usable area is defined at the top:

 

<table style="width: 890px;" align="center" border="0" cellpadding="0" cellspacing="0">

890 pix.

 

The left and right columns are 182 each. 2 x 182 = 364.

 

Room for body is: 890 - 364 = 526

 

And that's exactly what you have for an image:

 

<img src="images/bann.jpg" alt="" border="0" height="162" width="526">

But, I believe because of the borders, or padding, that's too large.

 

I made it this and things lined up (I'm using the Web developer plugin in Firefox):

 

<img src="images/bann.jpg" alt="" border="0" height="162" width="498">

If you can find the places to get the exact figures, I could be a couple of pixels off, but 498 is pretty close.

 

And sometimes things don't turn out exactly the same in IE as Firefox.

:blush:

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Must have a table width problem somewhere.

 

It's hard to "do the math", but width of the entire usable area is defined at the top:

 

<table style="width: 890px;" align="center" border="0" cellpadding="0" cellspacing="0">

890 pix.

 

The left and right columns are 182 each. 2 x 182 = 364.

 

Room for body is: 890 - 364 = 526

 

And that's exactly what you have for an image:

 

<img src="images/bann.jpg" alt="" border="0" height="162" width="526">

But, I believe because of the borders, or padding, that's too large.

 

I made it this and things lined up (I'm using the Web developer plugin in Firefox):

 

<img src="images/bann.jpg" alt="" border="0" height="162" width="498">

If you can find the places to get the exact figures, I could be a couple of pixels off, but 498 is pretty close.

 

And sometimes things don't turn out exactly the same in IE as Firefox.

:blush:

 

I really appreciate your effort. Thank you. Stephanie

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...