chrometweaks.org

Whats a good free iPage web hosting service?

Click Here To View All Answers...


First question I got is Whats a good free iPage web hosting service? Hoping for any comment. Another question on my mind: Hi there,.

Now this is what I'm trying to accomplish:.

I have two columns of text (using a standard table tag). The text in both columns is justified..

In order to read the text, the visitor has to first read all the way down the first column, then proceed at the top of the second column and read down to the bottom of that second column. I'm sure, you all know this method from printed media like newspapers..

My big problem is: The last line of a justified paragraph is usually not justified on both sides. However, at the bottom of my first column, this line HAS to be justified as well, since the text continues at the top of column two! How on earth can I tell the browser to justify that last line as well?.

Thanks for all your help..

The code looks something like this:.

<table border="0" cellspacing="20" cellpadding="0" width="600">.

<tr align=justify valign=top style="text-align:justify">.

<td width="50%">.

This is some sample text in order to.

Show you how the whole thing works. It.

Is supposed to be justified all the way.

Down to the buttom, since the text.

</td>.

<td width="50%">.

Continues in column two. The text in.

This column is justified as well, but.

The last line of this column does not.

Have to be justified, since that is.

Where the text ends..

</td>.

</tr>.

</table>..

Comments (24)

Good question... I dunno what is the right answer. I'll do some research in Google and get back to you if I find an good answer. You should email the people at iPage as they probably could give you an answer..

Comment #1

Actually I want it to be double-justified (left and right), as does the style="text-align:justify".

And I need the text to be inside a table, since I don't see any other possibility how to use two columns!..

Comment #2

You know that didn't occur to me when I was answering your question before. You can't fully justify text in HTML like you can in Word i.e. the left AND right sides of the text are justified..

I'm not sure you can do what you are trying to do, but let's see what scoutt comes up with...

Comment #3

I still can't see what you're getting at. Justify the last line of a paragraph? That isn't the done thing. Surely the reader knows or should know a paragraph has ended. Also, I can't really go for the style="text-align" in your <TR> tags. U would do far better swapping this to css in your paragraphs..

In the <head> of your document put:.

<style type="text/css">.

.columntext {font-family: Verdana, Arial, sans-serif;.

Font-size: 12px;.

Font-weight: normal;.

Line-height: 150% }.

</style>.

And in the paragraphs of your column use:.

<p class="columntext">blah blah blah</p>.

The various font styles, sizes, colours are at your discretion...

Comment #4

Well, actually you can fully justify text. If you're using HTML Tags, you use align=justify, if you're using Style Sheets you use style="text-align:justify".

As far as I know, the HTML version is deprecated but it works just the same as the CSS version. No matter which one the browser supports (mine does both), the last line is ALWAYS only left-justified, not double-justified as I want it to be...

Comment #5

I think he means the paragraph continues on from the first column to the second, so the bottom of the first column isn't the end of the paragraph, and he doesn't want it to look like it is...

Comment #6

Hello, I just clicked Post Reply and both Goldi and Scoutt had got in, jeeze you people type quick! Yeah, I'd be interested to see what Scoutt can do with this. Either I'm reading this totally wrong cos' I can't get my head around the "last line of the paragraph" bit...

Comment #7

THAT's it. Exactly. The paragraph does not end at the bottom of column one! That's the big problem..

You know, both columns have to have the same height, so I can't always make the paragraph end _exactly_ at the bottom of column one!..

Comment #8

I stand corrected! Can't believe I didn't know something that simple! Although, I'm sure that attribute value didn't exist when I learnt HTML (in the dark ages). About time I read up about these things! I assume it is fully supported by all browsers?..

Comment #9

Am I getting this now? U mean spread a single paragraph across different cells? Toughie that, but I still have to say it appears a little sloppy to me. Cum on Scoutt, we're waiting? Jeeze, will U people stop posting so quick, it's happened again...

Comment #10

Okay, no witty remarks, so I missed text-align: justify from my style (above). Not intentional I promise - an oversight...

Comment #11

Yes, that's what I want to do. I don't know what is sloppy about it though?.

In another forum somebody just suggested to insert a very long word (same color as the background) at the end of the column. Thus, the browser would have to double-justify the last (visible) line of my text, since the long word doesn't fit in that line..

I guess, that might work. However, if there's a more elegant way of doing it, I'd be very grateful to learn about it!..

Comment #12

Unfortunately I have to leave now, so I can't participate in the real time chat anymore.

Maybe one of you has figured out a working suggestion when I check back in a few hours..

Anyway, thanks for all your help so far!..

Comment #13

Sloppy: What I mean is I personally wouldn't apply css text properties to a <TR> or <TD>. I'd always prefer to do it in paragraphs. The long word coloured thing - that isn't sloppy coding? We are trying to help Chris, so let's see what Scoutt comes back with - he's a guru...

Comment #14

Double-justify?.

Wouldn't that be centering?.

Http://www.saila.com/usage/layouts/.

That explains how to use 3 columns without using tables. you can modify it to use 2 columns pretty easy..

But still confused as to how it should look. most newspapers show the last line as the same as the one before it if the text goes to the next column..

You will never get the columns to match unless you cut the text exactly in half. nothing in html can cut it for you..

Do you have an example so we can see how the last line looks before it goes to the next column?..

Comment #15

If you align the text to the left it will be justified. a table cell automatically cuts the words where the end of the cell comes up, so the last line will always be to the left. if the cells are small enough for the text than the text will look just fine at align="left" which is default in tables...

Comment #16

So, fully justified is left justified? what code did you use for fully justified? becasue teh only difference I see is that one is using the word fully and not left..

Comment #17

Scoutt, I think??? this is what Goldie is trying to show us, maybe wrong but I'm sure it's what is meant?.

<p style="text-align: justify">Fuly justified text, blah blah blah</p>.

<p>No justification (default left), blah blah blah</p>.

<p style="text-align: center">Centre justified text, blah blah blah</p>.

<p style="text-align: right">Right justified text, blah blah blah</p>.

Still, totally stumped as to Chris's question though, spanning a single paragraph across different cells. Maybe he's found an answer when he comes back?.

/added.

Lengthen the paragraphs with additional text to get multiple lines, then view the paragraphs. This what you meant Goldie?..

Comment #18

Hi there, I'm back..

Okay guys, I guess I'll have to do some explanation now:.

First of all there seems to have been a problem with my description of "justify text". Since I am not a native speaker of English I might have confused the terms..

What I do mean with "double-justify" is this:.

You have a certain width (in my case that would be 300 pixels for each of the columns), and every line of the text is supposed to span from left to right (300 pixels wide), covering the whole distance. If the words in that line do not match the specified width, extra spaces are automatically inserted between the words, so that every line has the same width, being justified on the left side as well as on the right side..

Goldilock's .jpg shows exactly what I mean. The "fully justified" part shows the desired result. To make it even clearer, I'll try it here..

This is left justifed text..

The spaces between the words.

Are always the same. However,.

The lines are not equally.

Wide..

This   is   fully   justified   text..

The spaces between the words.

Are   different,   so  that every.

Line   has   the    same   width..

It's a bit tricky to show here what I mean, but it shouldn't be that complicated..

@Brummy: The colored long-word thing IS sloppy indeed. That's why I'm trying to find a better solution.

@Scoutt: I don't want the browser to cut the text in half for me. I know it is my job to do this in the source code. First of all I write an article, then I cut it in half, so both columns have the same height..

To furthermore clearify what this is all about, I'll set up a sample page and load it up to:.

Http://www.pension-goetzinger.de/sample/sample.html.

It'll be ready in around 20 minutes..

[Edit: Okay, the sample page is online now. I trimmed it down to the most important bits. Don't be confused, the article is written in German..

To make it easier for you though to understand the tricky part, I translated the "float-from-the-bottom-of-column-1-to-the-top-of-column-2"- sentences into English..

I'll get some sleep now, be back tomorrow.]..

Comment #19

Ohh I see. so if the last snetence is not going all the way to the right then you want to space the whole article out so it ends up a full line as the last line and not a single word or two..

The only way I know is to use the text-align: justify.

If that doesn't work than you might have to count the characters through javascript and than make it so it evens it out according to teh cell width. you could do that as you can use innerHtml I believe. not a javascript export myself but just throwing around some ideas..

Other than that I think you might be out of luck...

Comment #20

Hey Chris, welcome back. I’m afraid I have to bow out of this one here but it isn’t for the want of trying. Maybe someone else can step in and help further. A couple of things came to mind though..

In my experience something (shall we say awkward) we are trying to achieve with html/css just proves an uphill struggle. On those occasions I believe we should take a while and consider the overall importance of the finished effect. Glancing back through this thread it seems a tremendous amount of effort is going into what may at the end of the day prove to be a minor effect? Although it may well have been been achieved by others, I don’t know?.

After viewing your example page I'm left thinking that maybe you could just use headings and a couple of paragraphs for each story beneath them, your choice of course. A google search for “html newspaper column effect” turned up a whole load of stuff, although I didn’t wade through it, therefore I can't vouch for any of it being valid code..

Wish you well with this one, but as mentioned take a little time to consider the overall importance of the finished effect. Good luck...

Comment #21

Ok I know exactley what you mean by the automatic flow from one col to the next. This can be done in CSS with floats. I am afraid you will have to wait till I get home to give you instructions. I don't have all the referance material with me at work to do this for you right now. I am in the UK so at about 11am GMT I will post an update for you..

As for the full or double justify we are confusing each other. You simply mean 'justify' as opposed to left, right or center justification. The word is simply justified text..

This however is going to cause you a problem. seeing that you want the text to dynamically flow from one col to the next. Now many factors will affect this flow. Screen size, text size, font used, browser etc etc etc. So the last line of a paragraph could have a different amount of words/letters each time you view it on a diffrent bunch of settings. This being the case you are never going to know how much white space you will need to add to achieve any tricks to force the last line to justify..

My suggestion is to forget it. This will make your life hell if you pursue it. Just let the last line go to left justification. In my opinion it looks much better..

I will post the cure to the dynamic text flow in the morning...

Comment #22

@Scoutt and Brummy:.

Now I have become aware that I might be trying to do something that can't be done, at least not in a moderate way..

However, I very much appreciate the effort you put into this thing..

Right now, I'm reconsidering whether I really need to justify that last line or not. I'll wait for what entimp has to offer though..

Yeah, I thought about the factors you are talking about myself. Actually, by setting the table width to 600 pixels, the table will have the same width on every system..

No matter which browser is used, the width will alway be 600 pixels - if the browser window is narrowed down to less than that, there'll be horizontal scrolling involved. However, anybody who does that has to be aware that just about any iPage site will look screwed up with the browser window narrowed down that much..

About the font type and font size I'm going to need your help. Is there a standard font type and font size that is used by every browser? Since I do not specify any font type or size, every browser will use the standard settings. The big problem is: Is this standard setting always the same?.

I checked out my iPage site with two versions of Internet Explorer and the newest version of Netscape at different resolutions. The texts looked always _exactly_ the same..

I'm looking forward to seeing what you come up with. Thanks in advance!..

Comment #23

Ok apologies firstly. The chapter I read on the fluid col txt function was in something called: looking ahead to css 3.0. So this isn't going to work. The function works in Netscape but hardly anyone uses netscape..

There are two ways to do it tho. One is static and one is semi-fluid..

The static way is to put the two groups of text into 2 divs that are floated to acheive the 2 col layout. Do you know how to do this, if not I will do a quick 101..

The semi-fluid way is to put each paragraph into floated div's. So you might end up with 10 or more divs. If you float these all correctly they should flow dynamically into two cols. A pain in the ass to code but worth a shot if you want this..

Sorry I couldn't be of any more help. CSS 3.0 is a long way off so f you want help with any of the two above options then giime a shout in this thread...

Comment #24

This might help. I tried it but don't understand enough PHP to get it to work. Maybe someone else can help with the PHP. It looks like the php is emedded into the HTML so no need to worry about writing a php page..

Http://www.milov.nl/forum.php/1/331..

Comment #25


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