|
Register | Sign In |
|
QuickSearch
Thread ▼ Details |
|
Thread Info
|
|
|
Author | Topic: How to Retain Leading Spaces? | |||||||||||||||||||||||||||||||||
dwise1 Member Posts: 6076 Joined: Member Rating: 7.4 |
The forum software's handling of the <PRE> HTML tag is broken.
I can no longer display ASCII graphics using the <PRE> HTML tag. It used to work on this forum, but now all the leading spaces get stripped out and it displays using proportional spacing instead of monospace (hence the complete garbling of the Venn diagrams in the text below). Here is the pertinent text:
Remember that the PRE tag both preserves all spaces and newlines as well as displaying it in a monospace font such as Courier New. That used to be supported by the forum software but no longer. How do I get that capability back?
HINT:
In order to see how the ASCII graphics in that text should display:
Edited by dwise1, : Added HINT for seeing how that text should be displayed
Added succinct description of the problem, that <PRE> is broken.
|
|||||||||||||||||||||||||||||||||
Admin Director Posts: 13107 From: EvC Forum Joined: |
That's an interesting mystery. I don't have time to look at it just now, but have you tried [code]? When I wrap it around your text it looks like this:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ Not surprisingly, this does indeed yield a phylogenetic tree as follows: Cyclostomes Bony Fish Cart. Fish Amphibia Reptiles Mammals ----------- --------- ---------- -------- -------- ------- \ \ / \ \ / \ \ / \ \ / \ \ / \ \ / \ \/ \ \/ \ \ \ / \ \ \ / Amniota \ \ \ / \ \ \ / \ \ \ / \ \ \/ \ \ / Jawless \ \ / Terrestrial Vert. Vertebrates \ \________________/ \ / \ / Jawed Vertebrates \ / \_________/ Vertebrates Furthermore, on page 287 Denton applies the same technique to primates: ________________________________ / \ ___________________ | Gibbon | / \ | | | Monkeys | | ____________________________ | | | | / _________ ___________ \ | | | | | / \ / \ | | \___________________/ | | | | | | | | | | | Apes | | Man | | | | | | | | | | | | | \_________/ \___________/ | | | \____________________________/ | \________________________________/ From which we get the following phylogenetic tree: Monkeys Gibbon Apes Man ------- ------ ---- --- \ \ \ / \ \ \ / \ \ \ / \ \ \/ \ \ / \ \ / \ \ / \ \ / \ \/ \ / \ / \ / \ / \/ Is that closer to what you'd like to see?
<pre> should work just as well, I'll figure out what's going on when I get a chance.
|
|||||||||||||||||||||||||||||||||
dwise1 Member Posts: 6076 Joined: Member Rating: 7.4 |
Not even close to working with the Venn diagrams (yes, those are supposed to be Venn diagrams).
Please re-read my message which I have edited in the meantime to include a method for viewing how that text is supposed to display. Thus will you be able to see for yourself what I'm trying to display.
|
|||||||||||||||||||||||||||||||||
Admin Director Posts: 13107 From: EvC Forum Joined: |
Your text that I placed between [code] dBCodes looks the same in Emacs:
For me, <pre> is screwing up (which I'll fix), but [code] works fine and looks the same as in Emacs. I also looked at it on my phone and observed the same thing. Can you tell me a little more, like which browser you're using?
|
|||||||||||||||||||||||||||||||||
ChatGPT Junior Member (Idle past 228 days) Posts: 14 Joined: |
I apologize for the confusion. I will take a closer look at your message and try to understand the method you have mentioned for viewing the text correctly. Thank you for your patience.
|
|||||||||||||||||||||||||||||||||
dwise1 Member Posts: 6076 Joined: Member Rating: 7.4 |
Your text that I placed between [code] dBCodes looks the same in Emacs: Still not when I tried it on the forum.
Can you tell me a little more, like which browser you're using? Microsoft Edge. Windows 10. Same bad results in the browser on my Android phone (Google Pixel 6).
|
|||||||||||||||||||||||||||||||||
Taq Member Posts: 10295 Joined: Member Rating: 7.5 |
I used the face dbcode to change the font to courier within the pre tags, and it seems to work. I have the same problem with the format in the OP, using Win10 and Chrome. I suspect it has something to do with the default font for pre? On further examination, leading white spaces appear to be stripped.
|
|||||||||||||||||||||||||||||||||
Admin Director Posts: 13107 From: EvC Forum Joined: |
<pre> has been disabled. It will no longer have any effect. Please use [code] instead. You'll have to do a hard reload to see [code] displayed properly as there is some new CSS. [code] uses the Menlo font, which is very similar to Courier New.
If you try to use <pre> it will be ignored, for example:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ But if you use [code] it will look like this:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ With [code] you can use scrollbars. For instance, [code=10] displays only 10 lines of text with scrollbars:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ You'll need to do a hard reload because there have been CSS changes. Please let me know if you have any questions or issues. Edited by Admin, : Fix bad render - must be a bug somewhere. Edited by Admin, : Delete leading slash from code examples. Edited by Admin, : Remove spurious Javascript, check that bug is fixed.
|
|||||||||||||||||||||||||||||||||
dwise1 Member Posts: 6076 Joined: Member Rating: 7.4 |
Please define "hard reload".
Microsoft Edge.
PS Or on an Android phone. On both, actually. In Message 498 (19-Sep-2019 7:10 PM) I found this:
863095 writes: Should be fixed. You'll have to:
Thanks for reporting this. How would that affect other EvC browser tabs that are still open? I have a lot of pending EvC business in those other tabs. Edited by dwise1, : PS
|
|||||||||||||||||||||||||||||||||
Admin Director Posts: 13107 From: EvC Forum Joined: |
Once you've done a hard reload for one tab, it's done for all tabs open on that website. But only for that browser. A hard reload for a website in Edge wouldn't affect FireFox.
A hard reload in Edge is done by holding down the control key and clicking on the Refresh button that appears near the top. I don't know how to do a hard reload on Android.
|
|||||||||||||||||||||||||||||||||
dwise1 Member Posts: 6076 Joined: Member Rating: 7.4 |
I had done that on the current tab in Edge with no effect on the display in [code].
I haven't restarted my computer yet, so I don't know whether I have just been taught far too well.
|
|||||||||||||||||||||||||||||||||
Admin Director Posts: 13107 From: EvC Forum Joined: |
Sorry, my fault. I used the fixed-width font Menlo for the code box, very similar to Courier New, but Edge doesn't accept that font. I've added Courier New to the font family for the code box. It should work now after a hard reload.
|
|||||||||||||||||||||||||||||||||
dwise1 Member Posts: 6076 Joined: Member Rating: 7.4 |
Giving it a try right now:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ Not surprisingly, this does indeed yield a phylogenetic tree as follows: Cyclostomes Bony Fish Cart. Fish Amphibia Reptiles Mammals ----------- --------- ---------- -------- -------- ------- \ \ / \ \ / \ \ / \ \ / \ \ / \ \ / \ \/ \ \/ \ \ \ / \ \ \ / Amniota \ \ \ / \ \ \ / \ \ \ / \ \ \/ \ \ / Jawless \ \ / Terrestrial Vert. Vertebrates \ \________________/ \ / \ / Jawed Vertebrates \ / \_________/ Vertebrates Furthermore, on page 287 Denton applies the same technique to primates: ________________________________ / \ ___________________ | Gibbon | / \ | | | Monkeys | | ____________________________ | | | | / _________ ___________ \ | | | | | / \ / \ | | \___________________/ | | | | | | | | | | | Apes | | Man | | | | | | | | | | | | | \_________/ \___________/ | | | \____________________________/ | \________________________________/ From which we get the following phylogenetic tree: Monkeys Gibbon Apes Man ------- ------ ---- --- \ \ \ / \ \ \ / \ \ \ / \ \ \/ \ \ / \ \ / \ \ / \ \ / \ \/ \ / \ / \ / \ / \/ That worked. Log it in as a MC ("Mike Charlie"), "Mission Complete". This should probably also solve Taq's issue in Message 4.
|
|||||||||||||||||||||||||||||||||
Percy Member Posts: 22929 From: New Hampshire Joined: Member Rating: 7.2 |
<pre> has been disabled. It will no longer have any effect. Please use [code] instead. You'll have to do a hard reload to see [code] displayed properly as there is some new CSS. [code] uses the Menlo font, which is very similar to Courier New.
If you try to use <pre> it will be ignored, for example:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ But if you use [code] it will look like this:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ With [code] you can use scrollbars. For instance, [code=10] displays only 10 lines of text with scrollbars:
________________________________ / \ ___________________ | Jawed Vertebrates | / \ | | | Jawless | | (Bony Fish) | | Vertebrates | | (Cartilaginous Fish) | | | | ____________________________ | | | | / \ | | | | | Terrestrial Vertebrates | | | (Cyclostomes -- | | | | | | e.g. Lampreys) | | | (Amphibia) | | \___________________/ | | ________________________ | | | | / \ | | | | | Amniota | | | | | | | | | | | | (Reptiles) | | | | | | | | | | | | (Mammals) | | | | | | | | | | | \________________________/ | | | \____________________________/ | \________________________________/ You'll need to do a hard reload because there have been CSS changes. Please let me know if you have any questions or issues. Edited by Percy, .
|
|||||||||||||||||||||||||||||||||
Taq Member Posts: 10295 Joined: Member Rating: 7.5
|
It wasn't working for me previously, but now everything is displaying correctly. It looks fixed on my side.
|
|
|
Do Nothing Button
Copyright 2001-2023 by EvC Forum, All Rights Reserved
Version 4.2
Innovative software from Qwixotic © 2024