Help - Search - Members - Calendar
Full Version: <pre> giving unwanted line breaks
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
Old Timer 99
I am a total newcomer to HTML and CSS. I was told that I should not use HTML tags because of deprecation. I'm having a great deal of difficulty achieving what I need to.

I am trying to create a rather simple text email in HTML. I am using <pre> to preserve whitespace and line feeds. The <pre> itself is causing unwanted linefeeds. I've googled for a solution and see that using either margin:0; or display:inline; should solve the problem but I cannot figure out how to implement that fix.

I have worked many, many hours on this but don't have much to show for it. I've tried many different approaches to solve this extra linefeed problem but can't find anything that will stop it. This is what I have so far, I don't know if the way I am doing this is dumb or not.

<!DOCTYPE html>
<html>
<head>
<style>
pre.a {
font-family: arial;
font-size: 16px;
font-weight: normal;
color: blue;
margin: 0px;
}
pre.b {
font-family: Courier New;
font-size: 12px;
font-weight: normal;
color: black;
margin: 0px;
}
pre.blue {
font-family: Courier New;
font-size: 12px;
font-weight: normal;
color: blue;
margin: 0px;
}
</style>
</head>
<body>
<pre class="a">
ESXi Server Summary Report v3.8
Generated 10-25-2019
</pre><pre class="blue">


I will very much appreciate any suggestions.
Thank you in advance.
Christian J
QUOTE(Old Timer 99 @ Oct 27 2019, 12:48 AM) *

I was told that I should not use HTML tags because of deprecation.

That's not correct, HTML is the foundation of all web pages. There are a few older HTML elements that are deprecated, but browsers still support them for legacy reasons and you won't hurt anything by using them (even though it may not be best practice).

Here's a table of the HTML4.01 elements, with the deprecated ones marked with a "D": https://www.w3.org/TR/html401/index/elements.html. To confuse things further, some of these deprecated element have been redefined and reintroduced in HTML5. But if you're a beginner I recommend that you start with HTML4, if nothing else because the documentation is far easier to understand.

QUOTE
I am using <pre> to preserve whitespace and line feeds. The <pre> itself is causing unwanted linefeeds.

In what way? If you mean at the beginning and the end, it may help to remove it like this:

CODE
<pre class="a">                             ESXi Server Summary Report v3.8
                                  Generated 10-25-2019</pre>

But in general it's best to avoid writing entire web pages using the PRE elements, since you'll lose most of the advantages of HTML (like fluid text, semantic HTML, etc).
pandy
I guess the OP means the margin browsers put around PRE. There are at least two PRE but the sample is cut off.

But that is taken care of properly in the CSS. I see no margins (if I complete the second PRE). So what is it you see, Old Timer 99?

Most important, whoever told you not to use HTML should have kept his silence. That's just plain poppycock. HTML away! happy.gif
pandy
Or do you mean there is a line break between the two PRE elements? PRE is a block level element, so that would happen.

There is a CSS property called 'display'. With that you can make a block level element, like for instance P, inline and it will break the line no more. For some reason that has no effect on PRE. I haven't looked into this before, but it feels a little contradictory to try to do this.

Dag
I like the red color of the code in the first post. So readable...
Dag
Anyone here know member 'Sorokina19'? I've received private message about some sex with her... maybe Darin has her phone number... smile.gif
Christian J
QUOTE(Dag @ Dec 19 2019, 11:51 AM) *

Anyone here know member 'Sorokina19'? I've received private message about some sex with her... maybe Darin has her phone number... smile.gif

Did you get that message recently? Sorokina19 sent Private Message spam in May this year, and should have been suspended since then. unsure.gif
Dag

It was some kind of pop-u window... it is not saved in my private messages...

So, she is the nun now? What church? biggrin.gif

QUOTE(Christian J @ Dec 19 2019, 03:45 PM) *

QUOTE(Dag @ Dec 19 2019, 11:51 AM) *

Anyone here know member 'Sorokina19'? I've received private message about some sex with her... maybe Darin has her phone number... smile.gif

Did you get that message recently? Sorokina19 sent Private Message spam in May this year, and should have been suspended since then. unsure.gif

Christian J
QUOTE(Dag @ Dec 19 2019, 04:02 PM) *

It was some kind of pop-u window... it is not saved in my private messages...

Was it an old message that you saw just now, or did she send it today?

QUOTE
So, she is the nun now? What church? biggrin.gif

How would I know, moderators don't get messages like that. laugh.gif

Dag
QUOTE(Christian J @ Dec 19 2019, 07:16 PM) *

Was it an old message that you saw just now, or did she send it today?


As I am coming here twice per year as average, your mention date (may 2019 (or it was 2017?)) was correct. Don't bother.. she is not 19 any more biggrin.gif
pandy
tongue.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2020 Invision Power Services, Inc.