tweaking design-could you look at... [Archive]

View Full Version : tweaking design-could you look at...

Rain

02-09-2000, 02:44 AM

http://nurturethis.com/tablehelp.htm
Under the section of the bar where it says "nurture this..." there is a small area that bleeds over onto the left section column.[nbsp][nbsp]I have checked my code and can not figure it out.[nbsp][nbsp]It looks fine in Dreamweaver then when I preview in browsers it has that extension.[nbsp][nbsp]I set the bg color to match the graphic because it was a big white gap.

Also a bigger issue, I can not get the navigation tabs seamed together with the rest of the page.[nbsp][nbsp]Ahhh![nbsp][nbsp]You can see the little white space under the navigation tabs.[nbsp][nbsp]Cellpadding/spacing set to=0.[nbsp][nbsp]Any ideas there?[nbsp][nbsp]I nested the table.[nbsp][nbsp]Then attempted to just make it a <tr>.[nbsp][nbsp]I thought that would be the solution. It got all screwy so I gave up since I am really tired...yawn.[nbsp][nbsp]Rationally, seems like the right thing to do. Help me, I am drowning in a sea of <td>s!
Another question...is there any way to restrict horizontal expansion as I add text and graphics?[nbsp][nbsp]Or do I just have to watch that as I add to a page?
Any help would be appreciated.
Feeling brain dead.

------------------
God, I love FQ.

John Kennett

02-09-2000, 04:35 AM

OK, starting with the easy one -- The one pixel white space under the navigation is caused by an entire table row containing nothing but one pixel high transparent gifs![nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<tr>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td width="82" valign="top"><img width="82" height="1" src="transparent.gif"></td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td width="82" valign="top"><img width="82" height="1" src="transparent.gif"></td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td width="82" valign="top"><img width="82" height="1" src="transparent.gif"></td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td width="82" valign="top"><img width="82" height="1" src="transparent.gif"></td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td width="82" valign="top"><img width="82" height="1" src="transparent.gif"></td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td width="82" valign="top"><img width="82" height="1" src="transparent.gif"></td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td width="84" valign="top"><img width="84" height="1" src="transparent.gif"></td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]</tr>I'm not quite sure what you mean about the area bleeding over to the left -- there are these bits that extend over both sides:

http://www.meteorite.net/fquest/nurture01.gif

Is that what you mean? If not, then the problem isn't showing up for me (using IE5 and NS5 on Win 95).

If these bits are what you mean, then it's because there is an extra column on each side of the table.

http://www.meteorite.net/fquest/nurture02.gif

I find that the simplest way of working out what is happening with tables is to turn the borders on -- even the most complicated nested tables can suddenly become clear when you do this.

Hope this helps.

John

[This message has been edited by John Kennett (edited 02-10-00@02:48 am)]

Dan Kaplan

02-09-2000, 07:27 AM

I think he means that the part below that drops down a little bit into the left main column.[nbsp][nbsp]One thing you will need to do when you get the overall table structure figured out is change the basic:

<table>
[nbsp][nbsp] <tr>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]<td>
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp][nbsp] text
[nbsp][nbsp][nbsp][nbsp][nbsp][nbsp]</td>
[nbsp][nbsp] </tr>
</table>

to something along the lines of:

<table><tr><td>text</td></tr></table>

You can probably get by only doing this in some places (i.e. not the main inner section) and putting the "text" part on its own line to make for easier reading.

The reason for this is that Netscape will interpret the combinations of returns and tabs as a small blank space between cells -- not good considering you want them all touching up against each other.

Looks like the code got you close to where you wanted to get.[nbsp][nbsp]:)

Dan

Mandi

02-09-2000, 09:51 AM

I find that the simplest way of working out what is happening with tables is to turn the borders on -- even the most complicated nested tables can suddenly become clear when you do this.
What a stunningly simple, but astonishly useful hint . . . it never occurred to me to do this, I have always relied on the create-more-bald patches method . . . thank you so much!!

Rain

02-09-2000, 08:02 PM

Dear John, ( I have always wanted to start out that way heehee)
First of all thanks for pointing that out.[nbsp][nbsp]At that point I was seeing double.[nbsp][nbsp]You bailed me out.[nbsp][nbsp]
On the other issue, Dan was right...the little overhangs are very intentional.[nbsp][nbsp]
I changed the background color to white so you can see the problem I am talking about...
http://nurturethis.com/images/tablegap.gif
Any suggestions there?
http://nurturethis.com/tablehelp.htm
thanks a bunch!
raina

John Kennett

02-10-2000, 02:53 AM

I think I know what you're asking, but I'm still not 100% sure!

Is it this bit?

http://www.meteorite.net/fquest/nurture03.gif

and you want it like this?

http://www.meteorite.net/fquest/nurture04.gif

If so, then you need to make sure that the <td> and </td> tags for each cell are on the same line, with no spaces.

eg

<td><img src=etc etc></td>

not

<td><img src=etc etc>[nbsp][nbsp] </td>

Hope this helps
John

[This message has been edited by John Kennett (edited 02-10-00@02:54 am)]

Rain

02-10-2000, 10:38 AM

It worked.
Thank you immensely!
I had reformatted the code in other parts on the earlier advice of Dan but not for that section.[nbsp][nbsp]It did not click that that was the problem there.[nbsp][nbsp]oops.
Thanks again, cyber buddy.
Rain
[nbsp][nbsp]