Gap in table - why? 2

[maharg]

Hi folks

One page on my website has a gap between two table cells and I can't find why.

See

http://www.frenchhorn.4t.com

Look on the right-hand side, the vertical text is split with a white line. Other pages don't have this.

Hope you can help.

Thanks and regards

Graham

 

[onpnt]

probably a form tag

____________________________________________________
_{The most important part of your thread is the subject line.
Make it clear and about the topic so we can find it later for reference. Please!! faq333-3811}

http://www.onpntwebdesigns.com

 

[mwolf00]

There is no form tag, but it's hard to follow your page structure with everything slammed against the left side - it would be easier to debug if you indent/nest table tags....

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook

 

[mwolf00]

Try a vAlign here...

<td vAlign=top>
<img src=&quot;grid3_2_2.jpg&quot; width=&quot;69&quot; height=&quot;484&quot;>
</td>

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook

 

[maharg]

Hi

Thanks for your suggestion.

I've done that now and uploaded it, but get the same effect.

Sorry about my formatting - I know it's unconventional - a bad habit I've gotten into.

Strange my other pages seem OK - this one really has me beat!

Any other suggestions much appreciated!

Cheers,

Graham

 

[onpnt]

Hi Graham
Actually now that I had the chance to take a look without guesing, the only page that doesn't have problems in that section is the findus.htm. all the otehrs are as you said plus the wines.htm has a gap in the wines gif. I would take a look at the setting of the width and height for each page against the rest of the pages content and see if that is causing the gaps. I think this due tot he gap being smaller and larger (inconsistant) on the pages.



____________________________________________________
_{The most important part of your thread is the subject line.
Make it clear and about the topic so we can find it later for reference. Please!! faq333-3811}

http://www.onpntwebdesigns.com

 

[onpnt]

cellpadding=&quot;15&quot; attributes also do not go in cell tags
eg:
<td width=&quot;350&quot; height=&quot;484&quot; cellpadding=&quot;15&quot; border=&quot;0&quot; valign=&quot;top&quot;>

still looking to see a cause

____________________________________________________
_{The most important part of your thread is the subject line.
Make it clear and about the topic so we can find it later for reference. Please!! faq333-3811}

http://www.onpntwebdesigns.com

 

[onpnt]

I could be completely wrong but after testing the images as I realized after step down debugging was causing the gaps, the iamges are sized wrong or in better terms not the right sizes.

findus.htm being the best fit page I test it with the wines, welcome images as the tags and images are all set to the same height and width respectfully saying all images should fit with each page. when doing this I received the results you are seeing on the site. I would go back to your graphics editor and see if they are accurately sized for the spaces they are taking. try saving a few as a new name to keep state of where you are now, because as I said I could be wrong.


____________________________________________________
_{The most important part of your thread is the subject line.
Make it clear and about the topic so we can find it later for reference. Please!! faq333-3811}

http://www.onpntwebdesigns.com

 

[maharg]

Hi guys

The graphics sizes seem OK - Paintshop Pro returns the same dimensions I declare in the <img> tags.

The page was working this morning and for the past few weeks - then I added some text (The photo link) and edited a few lines of text - it all went goofy.

I haven't touched the graphics or changed the sizing info in the <img> tags.

Sneaky one, this!

Cheers

Graham

 

[onpnt]

I thinkt hat jsut goes back to what I said previously in adjusting the width and height per the content. have you tried to play around with these setting in order to accomidate the new additions

____________________________________________________
_{The most important part of your thread is the subject line.
Make it clear and about the topic so we can find it later for reference. Please!! faq333-3811}

http://www.onpntwebdesigns.com

 

[Mr3Putt]

a bit of a guess... but try setting the vspace and hspace of your imgs to 0:

<img src=&quot;x.jpg&quot; alt=&quot;x&quot; height=&quot;10&quot; width=&quot;10&quot; hspace=&quot;0&quot; vspace=&quot;0&quot;>


It's a depracated tag, but it still causes problems occasionally (in IE especially)

 

[maharg]

Thanks for all your suggestions

Nope, I've added the vspace and hspace code now, but still the same.

I've removed some text from the main cell to see if I was 'pushing' the cell too large with too much data, but no, it is still with the gap.

It is the same in NS, IE, Opera, Mozilla, so I seem to have a fundamental code error.

Thanks

Graham

 

[grtfercho]

see how your images are declared??
<td>
<img src=&quot;grid3_2_1.jpg&quot; width=&quot;69&quot; height=&quot;101&quot;>
</td>

change to this (in all your images contained in one cell)
<td><img src=&quot;grid3_2_1.jpg&quot; width=&quot;69&quot; height=&quot;101&quot;></td>

no spaces between tags.

see if that solves the problem and if it did let us know.

grtfercho çB^]\..
&quot;Imagination is more important than Knowledge&quot; A. Einstein

 

[Mr3Putt]

okay, I downloaded your code, updated links to your css and images, and tested it... had same issue.

I added this style-sheet and the problem went away...

<style type=&quot;text/css&quot; media=&quot;screen&quot;>
table tr td img {
display:inline;
vertical-align: top;
padding: 0px;
margin: 0px;
}
</style>

 

[maharg]

Hey, Grtfercho - you're a STAR!!!

That was it - I put the <td> and </td> tags on a different line to the images.

Now all fixed !!

Thanks also Mr3Putt - that alaso fixed the effect, but I think it covered the basic reason.

Now I can get some rest for the weekend!

Thanks to everyone for trying to help - much appreciated.

Graham

 

[Mr3Putt]

You are entirely welcome. Glad to be of service.