Printable Version of Topic
Click here to view this topic in its original format
HTMLHelp Forums _ Cascading Style Sheets _ <pre> giving unwanted line breaks
Posted by: Old Timer 99 Oct 26 2019, 05:48 PM
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.
Posted by: Christian J Oct 26 2019, 06:18 PM
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.
In what way? If you mean at the beginning and the end, it may help to remove it like this:
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).
Posted by: pandy Oct 26 2019, 08:03 PM
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! 
Posted by: pandy Oct 26 2019, 09:54 PM
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.
Posted by: Dag Dec 19 2019, 05:48 AM
I like the red color of the code in the first post. So readable...
Posted by: Dag Dec 19 2019, 05:51 AM
Anyone here know member 'Sorokina19'? I've received private message about some sex with her... maybe Darin has her phone number... 
Posted by: Christian J Dec 19 2019, 06:45 AM
Anyone here know member 'Sorokina19'? I've received private message about some sex with her... maybe Darin has her phone number...
Did you get that message recently? Sorokina19 sent Private Message spam in May this year, and should have been suspended since then.
Posted by: Dag Dec 19 2019, 10:02 AM
It was some kind of pop-u window... it is not saved in my private messages...
So, she is the nun now? What church? 
Anyone here know member 'Sorokina19'? I've received private message about some sex with her... maybe Darin has her phone number...
Did you get that message recently? Sorokina19 sent Private Message spam in May this year, and should have been suspended since then.
Posted by: Christian J Dec 19 2019, 10:16 AM
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?
How would I know, moderators don't get messages like that.
Posted by: Dag Dec 20 2019, 01:54 AM
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
Posted by: pandy Dec 20 2019, 11:31 AM
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)