Issue Resolved, thank you!

First off, thanks for taking the time to help me out. Very much appreciated.

I am currently working on my first web project in several years and I seem to have forgotten quite a few of the old tricks.

The site: http://www.pbheadbands.com/07

The issue: The "paper tear" pieces not fitting seemlessly together. This issue has been duplicated in Safari, FireFox and IE.

Thanks in advance, I look forward to your replies.


Ps: I am open to suggestions regarding the website. TA!

are you saying you want the pictures in the tables to be touching and aligned? Im not sure i understand the question.

on the website: http://pbheadbands.com/07

This is a crop from the layout version, but when rendered by a browser i am encountering lines between the two images.

I think maybe we have the wrong link. I am not getting anything that looks even close to that screenshot when I click the link you posted.

I see a bit of a problem in Firefox.
However, you've forgotten old tricks... it's time to learn some NEW tricks. Get rid of the tables for layout and learn to use CSS. Your layout would be so much easier w/o the nasty old tables.

Originally Posted by angele803

I think maybe we have the wrong link. I am not getting anything that looks even close to that screenshot when I click the link you posted.

Apologize for posting the wrong link! Since corrected. See: http://www.pbheadbands.com/07

Originally Posted by LadynRed

I see a bit of a problem in Firefox.
However, you've forgotten old tricks... it's time to learn some NEW tricks. Get rid of the tables for layout and learn to use CSS. Your layout would be so much easier w/o the nasty old tables.

I appreciate the standards evangelism but as you probably noticed, I'm still having difficulty with the minute amount of CSS I'm currently attempting to utilize. [See: http://www.pbheadbands.com/07/pbheadbands.css ]

I will look into it, thank you.


Does anyone have any suggestions for the main issue?

First I do agree that css is the way to go, but I also know it takes a little time to get there.

I think the issue is in the height of some of the spacer gifs you're using. I noticed one that has 4. When I changed it to 3 the gap between the images closed.

Originally Posted by vangogh

First I do agree that css is the way to go, but I also know it takes a little time to get there.

I think the issue is in the height of some of the spacer gifs you're using. I noticed one that has 4. When I changed it to 3 the gap between the images closed.

Thanks for your help, apparently changing the value as you suggested resolved one line, the other went away after the text sizing was corrected.

Glad to help. I was only seeing the one line in Firefox so I didn't realize there was another.