The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> <pre> giving unwanted line breaks
Old Timer 99
post Oct 26 2019, 05:48 PM
Post #1





Group: Members
Posts: 2
Joined: 26-October 19
Member No.: 27,024



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Oct 26 2019, 06:18 PM
Post #2


.
********

Group: WDG Moderators
Posts: 8,256
Joined: 10-August 06
Member No.: 7



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).
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 26 2019, 08:03 PM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,466
Joined: 9-August 06
Member No.: 6



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 26 2019, 09:54 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,466
Joined: 9-August 06
Member No.: 6



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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 15th December 2019 - 04:15 PM