formatted output (fixed width characters)

scrupul0us

how can i output a few lines of text in a fixed width so spacing is even?

NogDog

Use the <pre>...</pre> HTML tags.

scrupul0us

well... i tried that... but using it within the confines of my application it causes my application to act wierd... is there some CSS that can be applied or is the even spacing a function of the pre tag only

leatherback

When you mention 'a few lines of text with even spacing', what \exactly\ do you mean? Exact spacing between the end and start of each word? In that case add a floating <span> between them with a certain width. If you mean equal spacing between the starts of words, place them in a table.

scrupul0us

well for example:

if i go:

Today:     10
Yesterday: 10

that works great in a pre... is there a way to get that without using a pre?

leatherback

Use a table or use a span with a defined 'width: ' around the label. (Although this is somewhat buggy at times)

NogDog

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
<!--
.pre_this {
   white-space: pre;
   font-family: "courier new", courier, monospace;
}
-->
</style>
</head>
<body>
<p class='pre_this'>Today:     10
Yesterday: 10</p>
</body>
</html>

scrupul0us

NogDog wrote:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Untitled</title>
<style type="text/css">
<!--
.pre_this {
   white-space: pre;
   font-family: "courier new", courier, monospace;
}
-->
</style>
</head>
<body>
<p class='pre_this'>Today:     10
Yesterday: 10</p>
</body>
</html>

PERFECT! i couldnt use a pre tag b/c this text is going in a tooltip, which is toggled with a span... you cant have block-level element inside of an inline-level element... this works perfect AND it validates!

kudos man