sbrenusa Posted April 1, 2008 Posted April 1, 2008 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
germ Posted April 1, 2008 Posted April 1, 2008 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 >
sbrenusa Posted April 1, 2008 Author Posted April 1, 2008 Figured it out and fixed it. Had to do with changing the size of the image in the right column. Thanks anyway.
sbrenusa Posted April 1, 2008 Author Posted April 1, 2008 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.