chrometweaks.org

Is there a free iPage web hosting with nameservers and no limited files?

Click Here To View All Answers...


First of all Is there a free iPage web hosting with nameservers and no limited files? Many thanks for any answer. Another quick question... Hi,.

I hope you can help a newbe with table layout..

Here is the sample I have problems with - it's just a table with 3 rows where the middle row is made up of 5 cells:.

<html>.

<body>.

<table border="1" cellpadding="0" cellspacing="0" width="100%" height="100%">.

<tr>.

<td colspan="5">Top</td>.

</tr>.

<tr>.

<td width="145">&nbsp;</td>.

<td width="16">A</td>.

<td>&nbsp;</td>.

<td width="16">B</td>.

<td width="32">&nbsp;</td>.

</tr>.

<tr>.

<td colspan="5">Bottom</td>.

</tr>.

</table>.

</body>.

</html>.

The problem is that the cells containing "A" and "B" start moving towards the center of the page as soon as I start putting a longer text into the cells currently containing "top" and "bottom"..

I dont get why this happens - I tried to make them fixed size. Why are the cell sizes in line two dependent on the content in the cells above or below containing the "colspan" tag?.

How can I workaround that problem?.

Thanks a lot for any hint -.

Morlock..

Comments (16)

Yup, but... you might wanna make sure and wait for another member to confirm it as I am not confident. Better yet, why don't you give a call to the iPage guys because they can answer your iPage question better...

Comment #1

Whoops, I screwed up. You should add a non-breaking space to the table cell that has nothing in it. Let me try again... <!&nbsp;>..

Comment #2

Darn it! It won't print out the & n b r s p ;..

Comment #3

It already has one of these &amp;nbsp;.

And it won't help...

Comment #4

To display.

&amp;nbsp;.

In the forum message you actually have to type in.

&amp;amp;nbsp;.

..

If you just type in.

&amp;nbsp;.

Then all you get in the forum display is " " (a space) as expected...

Comment #5

Thanks Giz. I thought maybe Scoutt had a secret hack for this forum...

Comment #6

Well it was a secret until giz let the cat out of the bag..

Yup that is all it was...

Comment #7

Hi again,.

Thanks folks for trying to help me - I revised my table as directed - made all but one column a % - still - if I add text to top or bottom the column A that is fixed width (because it is my menu) starts resizing. There must be a way to nail it to 145 pix regardless of what is above or below, or?.

Here is the latest version for discussion:.

<html>.

<body>.

<table border="1" cellpadding="0" cellspacing="0" width="100%" height="100%">.

<tr>.

<td colspan="5">Top</td>.

</tr>.

<tr>.

<td width="145">A</td>.

<td width="5%">B</td>.

<td>C</td>.

<td width="5%">D</td>.

<td width="5%">E</td>.

</tr>.

<tr>.

<td colspan="5">Bottom</td>.

</tr>.

</table>.

</body>.

</html>.

Anybody can tell me how I fix column A to 145 pix regardless of the content of the top or bottom cells?.

Thanks - Morlock..

Comment #8

Tested:.

With text in it, looks ok to me ..

<tr>.

<td width="145">A</td>.

<td width="30%">B</td>.

<td>C</td>.

<td width="30%">D</td>.

<td width=.

"100%".

>E</td>.

</tr>..

Comment #9

Hi,.

You are right - if I do this the column layout stays independent of the top- or bottom-column BUT: The columns in line 2 are absolutely not the size they are supposed to be - column a gets compressed totally instead of being 145 pixels..

Also the % in your example add up to 160% + 145 pixels? Why do that?.

Im afraid that still does not work for me - sorry..

Morlock..

Comment #10

Try doing 3 seperate tables.

The top as 1 col 1 row.

The 2nd as 5 cols 1 row.

The 3rd as 1 col 1 row.

Put them all the tables at 0 cols span, row span & 0 border (if you want 0 border) & make sure there are no breaks between the tables.

It will look like one table, but it will be 3.

That will stop the text in the top & bottom from effecting the middle one (where you have A & B).

HTH.

Edit: otherwise, if you know how to make a clear .gif, you could make 5 (1 for each col where you have the A & B situated), make them the size you want each col to be & insert it into each col.. that would also hold the table in place..

Comment #11

Hi Town bear,.

Option 1 I will consider - although in the future I want the table also to verticall use the full page ... and I guess this is easier with one table..

The second one sounds very promising too. Although I dont understand why a .gif holds the table in place (width wise) I will try that..

I heard that I also might be able to uss a CSS override - my third option..

Thanks all for you help -.

Morlock..

Comment #12

You have to find what is left if you set the first cell to 145 and the rest to 5%, you need to go bigger..

<tr>.

<td width="145">A</td> 145 is about 20% of the overall.

<td width="5%">B</td>.

<td>C</td>.

<td width="5%">D</td>.

<td width="70%">E</td>.

</tr>.

Try that as it should work for you. or you could add anothr table inside the A cell to keep the links in order. don't make this harder than it really is...

Comment #13

To make it vertically fill the page, if your text is not enough to do that, you can add in < br > or < p >.

Using 3 tables, instead of one.. will not effect that... it would still fill the page up vertically.

In the row on your table where you have A & B (the one with 5 cols).

If you put a clear .gif in each col .. it will stop the cols from changeing sizes.

Are you doing this html by hand, or with a program?.

The clear spacer does not need to be heightwise tall, .. a few pixels high is enough.. it's the width of the clear spacer that helps hold it in place.

I have no idea how big you want col A & B.. but here's an example of using clear spacers.

Click..

Comment #14

Hiya,.

Thanks again - looks like the trick with the .gif spacers seems to be the solution, at least from the look of your page - why does it work with .gif but not without, is this a known problem of HTML? - ok that is a different question..

I will try with the .gif spacers..

Im in favor of that solution over the one that Scoutt proposed as the % that 145 represents varies with the resolution that you use..

In regard to vertical filling - I cant use <BR> as I cant know in advance the size the browser will have and I dont want to design for a fixed resolution..

So - now I go and draw up some spacers after checking if it cant be done with CSS..

BTW: Here is a iPage site that uses a similar layout like the one that I want (top and bottom resizing, one middle box that resizes as well, menu left and right does not resize). Just that page does not vertically fill the available space and Im not sure I understand how that guy did it..

Www.slowview.at.

Looks like hes been using tables within tables ...although I tried that and messed up ....

Cheers - Morlock..

Comment #15

Yes, it's tables... if the person didn't do that theirself, they probably downloaded a template.

Something you may want to try.. there are free templates you can d/l off the net, but sorry, I don't have any links..

Comment #16

Hi again,.

I managed to get it done finally by using tables within tables for each of the 3 section (header, mid, bottom)..

That saved me from using .gifs (although that might even have been easier)..

Thanks to all of you for your help and cu -.

Morlock..

Comment #17


This question was taken from a support group/message board and re-posted here so others can learn from it.