Use of

Topic

New Reply

I still use

 for my web site.  I have noticed that the text flows way off the screen to the right.  Is there any way to correct this without use of 
 or hitting ENTER?
Thanks!

Reply | Quote

Replies

The purpose of

 ... 

tags is to display text exactly as entered, including all spaces (HTML normally suppresses multiple spaces). So you’re responsible for breaking lines yourself. If you don’t want to do that, you shouldn’t use

 ... 

tags. You can use non-breaking spaces    if you want to insert multiple spaces.

Reply | Quote

Thank you, but I used to NOT have this problem with my web pages, and that is why I asked. The text would stay within the width of the monitor WITHOUT entering any breaks. I am unable to determine what I am doing differently. So, back to the drawing board…

Reply | Quote

You could use the alternative and use the tag which does allow wrapping without the need for or tags to format.

If you are happy (or adventurous) you could try using CSS to do the formatting for you.

Put this code in a HTML file and see how it displays, I have set it to be 50nd with a colour background purely to show how the format changes:

.wrap{
	background-color: #99FFCC;
	width: 50%;
}





Lorem ipsum dolor sit amet,consectetuer adipiscing elit. Donec sollicitudin libero id elit. 
Sed euismod nonummy neque.Nam dignissim urna vel urna. Nunc aliquet.Nunc vel dui mattis magna varius condimentum. 
Etiam lacus enim, aliquam ultricies, 
luctus ut, placerat id, lectus. 
Vestibulum laoreet commodo tortor. 

Adjust the latin filler text to different lengths on the line and you will see it wrap. I haven't done it here as it affects the view in the Lounge. HTH

Reply | Quote

Thank you, Jezza. You may have given me the “oomph” to start learning CSS.

Reply | Quote

No probs, if you want to try something else, and be able to provide you with more flexibility you can change the CSS style to use the white-space method which uses the pre format, like so:

.PreTag

{
white-space:pre;
width: 50%;
background-color:#99FFFF;
}

Reply | Quote