Jump to content


"gaps" on horiz. tables> how to solve it?

Started by Ron Wolpa, May 13 2006 06:53 PM

7 replies to this topic

#1 Ron Wolpa

    Young Padawan

  • Members
  • Pip
  • 3 posts

Posted 13 May 2006 - 06:53 PM

may 12th 2006


Recently I purchased a 19" video monitor on which I visualized sites I designed on 1280x1024 pixels resolution .
I noticed that there are "gaps" on some horizontal stretchable tables :
(see the pict below to be aware of what I mean )
Posted Image


Posted Image

Quote

...........

<table border="0" cellpadding="0" cellspacing="0" width="700">
</table>


</td>


The gap on pict corresponds to the row below :

<td width="41%" background="images/index3c/downbar3b.gif"> 
</td>
</tr>
I tried in vain to adjust width to a lower percentage ;
What´s the solution ?
How to have a perfect stretchable table design

#2 albinoAZN

    Albinos Are Extinct!!!

  • Members
  • PipPipPipPip
  • 1,139 posts
  • Gender:Male
  • Location:Mississippi, USA

Posted 13 May 2006 - 11:54 PM

link to your site might help

#3 Ron Wolpa

    Young Padawan

  • Members
  • Pip
  • 3 posts

Posted 14 May 2006 - 01:19 AM

View PostAlbino4zn, on May 14 2006, 03:54 AM, said:

link to your site might help

Oh sure, I am sorry : http://www.headlineassociados.com.br/ ;

There are other pages with the same problem , I suppose if I discover what´s going on this 1st one , I will be able to repair the others.

Incidentally , do you know where can I find a tutorial on how to handle with Fireworks and horizontal stretchable tables lay outs?

thank you

Edited by Ron Wolpa, 14 May 2006 - 01:21 AM.

#4 PSgirl

    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 2,055 posts
  • Gender:Female

Posted 14 May 2006 - 06:10 AM 

<table width="101%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td width="60%">

After a quick look through your site source code, I think it's because of the percentages. Try using defined values in pixels.

#5 rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 14 May 2006 - 12:36 PM

I don't think that a percent size vs. a definite size would make a difference. I think it's a combination between FW's coding, and an improper doctype.

http://css.maxdesign...ut-boxmodel.htm <- Read for more info, most won't apply here, but the lesson learnt is the same.
Change your doctype to the following and see if it helps any.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

#6 Matthew.

    Official Spammer .Matt

  • Members
  • PipPipPipPip
  • 2,749 posts
  • Gender:Male
  • Location:England

Posted 14 May 2006 - 01:50 PM

Hi there, try this:

change this:
<td background="images/indexart/indexartleftbg.gif" width="33%">&nbsp;</td>
to this:
<td background="images/indexart/indexartleftbg.gif" width="50%">&nbsp;</td>

AND change this:
<td width="60%">
to this: 
<td>

Tried and tested. works on my screen.

Let me know.

Edited by .Matt, 14 May 2006 - 01:52 PM.

#7 Ron Wolpa

    Young Padawan

  • Members
  • Pip
  • 3 posts

Posted 14 May 2006 - 06:12 PM

View Postrc69, on May 14 2006, 04:36 PM, said:

I don't think that a percent size vs. a definite size would make a difference. I think it's a combination between FW's coding, and an improper doctype.

http://css.maxdesign...ut-boxmodel.htm <- Read for more info, most won't apply here, but the lesson learnt is the same.
Change your doctype to the following and see if it helps any.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


Nope , it seems there is nothing to do with validation , I tried anyway and the gap is still there ;

I ´ve visited perfectly stretchable sites , no matter how high ( and absurd ) the resolution :
1280x1076 / 1600 x 1900 / 1600 x 1200 / 1920 x 1200 / 1920 x 1440 / 2048 x 1536 ;

I think my design of table is incorrect , where can I find a tutorial on how to handle horizontal stretchable tables with firewoks ?
thank you very much

 [b]

#8 Spide®™

    P2L Jedi

  • Members
  • PipPipPip
  • 767 posts
  • Gender:Male
  • Location:UK England

Posted 14 May 2006 - 10:18 PM

I dont realy know anything about code and stuff like that , but i had a look at your images and what i spoted was the stretchable images on the left hand side of the gap you talk about are difrent to the ones on the right (file names are difrent shouldent thay be the same image ?)

if you look at your top 2 yellow stretchable image its the same file name and thay stretch perfect

Ron Wolpa must have sorted the prob out , would have liked to know tho if the dude got it fixed

Edited by spide®, 14 May 2006 - 10:24 PM.

Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design