Register - Login
Views: 99338599
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-21-22 01:39:23 PM
Jul - General Chat - Should I make the forum not automatically full-width any more? New poll - New thread - New reply
Pages: 1 2 Next newer thread | Next older thread
Should we have a max width for the forums?
That is, if your browser is wide enough, it only displays in the center
Yes
 
40.9%, 9 votes
No
 
22.7%, 5 votes
Don't care
 
36.4%, 8 votes
Multi-voting is disabled. 22 users have voted.

Kawaii-e

Red Cheep-cheep
Collecting Dust and Games
Level: 34


Posts: 117/217
EXP: 234165
For next: 19486

Since: 08-12-07

Pronouns: she / her
From: Schaffhausen

Since last post: 25 days
Last activity: 15 days
Posted on 09-07-18 10:09:15 AM (last edited by Kawaii-e at 01-30-22 05:47:44 AM) Link | Quote


KawaiiImoto-e
the cute princess



Let's have a good time together!
I'm not using this forum that often, but I keep my browser windows not maximized because of excess screen with.

Mostly have it between 1148px and 1722px in with.

____________________
25
117 / 4044 _


Arisotura
Member
Level: 49


Posts: 490/614
EXP: 879635
For next: 4248

Since: 02-24-13

From: your dreams

Since last post: 90 days
Last activity: 48 days
Posted on 09-07-18 10:52:30 AM Link | Quote
re: table stretching


at K64 we apply table-layout:fixed to post tables, that prevents any stretching of either sidebar or post table

there's another rule to force images in posts to a max width of 100%, so they don't cut off or bleed out


of course, when you try that kind of shito with CSS you never know when you'll run into a case where it explodes spectacularly, but so far this trick is working well

____________________
Kuribo64 -- NSMB2 hacking and other crap
Xkeeper

Level: 263


Posts: 23358/25343
EXP: 296643747
For next: 2316706

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 6 days
Last activity: 10 hours
Posted on 09-07-18 05:04:56 PM (last edited by Xkeeper at 09-07-18 05:05:51 PM) Link | Quote
I didn't actually know about table-layout: fixed;. Welp! That sure makes everything a lot easier.


E: This will also probably let me get rid of all the lingering references to images/_.gif...

____________________
(Lv 244 with 228148365 EXP)
Xkeeper

Level: 263


Posts: 23358/25343
EXP: 296643747
For next: 2316706

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 6 days
Last activity: 10 hours
Posted on 09-07-18 05:07:11 PM Link | Quote
Now what would be really nice is if there was a way to use CSS to only select images that were enlarged from their native resolution, so I could set the "make these pixelated" option on them and let the usual fuzzy downscaler do its work

____________________
(Lv 244 with 228148409 EXP)
— BlackRose —
Transforming cats into robots since 1989!
Posted on 09-11-18 02:09:19 AM (last edited by BlackRose at 09-11-18 02:09:50 AM) Link | Quote
Originally posted by Xkeeper
Now what would be really nice is if there was a way to use CSS to only select images that were enlarged from their native resolution, so I could set the "make these pixelated" option on them and let the usual fuzzy downscaler do its work


Worse comes to worse, you could just implement a CSS class for that and just tell people to use that class for images. Or implement a new shortcode for pixel graphics, like [pixelart url=https://example.com/img.png width=100 height=100].

____________________
Lain.RustedLogic.net
 
Xkeeper

Level: 263


Posts: 23358/25343
EXP: 296643747
For next: 2316706

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 6 days
Last activity: 10 hours
Posted on 09-11-18 04:31:00 AM Link | Quote
I should probably also fix the <code> tag to not be a block-level element

Other alternatives:

• Javascript of some kind to scan every image and give it a smoothing class if it's downsized, or perhaps vice-versa
• Implementing a tag like that, or perhaps something like "thumbnail" that creates an automatic link to the full-size image, but includes "max-width: 100%;" to keep it from ruining tables
• Just assigning a class for it, using it on board-generated pixel images, and letting users selectively apply it to their own images like normal HTML

Not really sure which of these would be best; the last two are the more likely candidates.


I'd also like to just add a place to add user CSS in the forum itself that gets added to pages for yourself automatically, because as it is... oof. Some fixes to make the site more usable on mobile would also be good, but a lot of this is really hard, given the way the board works.

____________________
(Lv 244 with 228245439 EXP)
RanAS
Member
Level: 55


Posts: 462/842
EXP: 1281235
For next: 32954

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 21 days
Last activity: 18 hours
Posted on 09-11-18 10:47:07 AM Link | Quote
Third option sounds easier and more pratical for the time being.

Mozilla's website says that image-rendering: pixelated; should only use nearest-neighbor while scaling up and use the normal blurry scaling otherwise, but the CSS specification doesn't mention anything about it unfortunately. That would take care of the problem quite easily.

Hopefully there'll be something of the sort once image-rendering goes into Recommended status. One can hope.

____________________
"The quieter you become, the more you are able to hear." --Ram Dass
Xkeeper

Level: 263


Posts: 23358/25343
EXP: 296643747
For next: 2316706

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 6 days
Last activity: 10 hours
Posted on 09-11-18 12:27:37 PM Link | Quote
We're already using that, and (at least in Chrome) the results are definitely that it uses straight nearest-neighbor-style scaling for up and downscaling:

/* Make images upscale crispy */

* {

  image-rendering: -moz-crisp-edges;

  image-rendering: -o-crisp-edges;

  image-rendering: -webkit-optimize-contrast;

  image-rendering: crisp-edges;

  image-rendering: pixelated;

  -ms-interpolation-mode:nearest-neighbor;

  }




____________________
(Lv 244 with 228254679 EXP)
Narumi

Cheep-cheep
Level: 26


Posts: 135/183
EXP: 97158
For next: 5117

Since: 02-01-18

Pronouns: they/them
From: In a garbage can

Since last post: 44 days
Last activity: 5 days
Posted on 09-13-18 06:33:29 AM Link | Quote
I was originally going to vote yes, but now, I don't mind either way.
pea

Level: 4


Posts: 3/3
EXP: 188
For next: 91

Since: 09-12-18

Pronouns: she/her

Since last post: 3.6 years
Last activity: 3.5 years
Posted on 09-13-18 03:07:06 PM Link | Quote

+1 on it being a setting if possible

also gives you an excuse to move to jsonb (or however you're storing the blobs in whatever database jul is using) sooner, which will remove a lot of the headache of adding new settings for things like this in the future :p

____________________
Xkeeper

Level: 263


Posts: 23358/25343
EXP: 296643747
For next: 2316706

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 6 days
Last activity: 10 hours
Posted on 09-13-18 04:19:07 PM Link | Quote
It would probably just be a TEXT field (some old-ish version of MySQL), and yeah.

____________________
(Lv 244 with 228314992 EXP)
Pages: 1 2 Next newer thread | Next older thread
Jul - General Chat - Should I make the forum not automatically full-width any more? New poll - New thread - New reply


Rusted Logic
Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

39 database queries.
Query execution time:  0.148370 seconds
Script execution time:  0.021862 seconds
Total render time:  0.170232 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 306 - Warning: unescaped & or unknown entity "&page"
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 222 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 95 - Warning: unescaped & or unknown entity "&page"
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 132 - Warning: missing </font> before </table>
line 152 column 73 - Warning: missing </b> before </td>
line 155 column 133 - Warning: discarding unexpected </a>
line 156 column 134 - Warning: missing <tr>
line 159 column 132 - Warning: discarding unexpected </a>
line 160 column 134 - Warning: missing <tr>
line 163 column 140 - Warning: discarding unexpected </a>
line 164 column 134 - Warning: missing <tr>
line 167 column 66 - Warning: missing </font> before </td>
line 167 column 139 - Warning: plain text isn't allowed in <tr> elements
line 167 column 25 - Info: <tr> previously mentioned
line 174 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 176 column 9 - Warning: missing <tr>
line 194 column 13 - Warning: missing <tr>
line 195 column 102 - Warning: unescaped & or unknown entity "&postid"
line 201 column 771 - Warning: missing </font> before <div>
line 201 column 856 - Warning: inserting implicit <font>
line 201 column 927 - Warning: inserting implicit <font>
line 203 column 2001 - Warning: inserting implicit <p>
line 197 column 111 - Warning: missing </div>
line 197 column 74 - Warning: missing </div>
line 208 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 210 column 9 - Warning: missing <tr>
line 228 column 13 - Warning: missing <tr>
line 229 column 102 - Warning: unescaped & or unknown entity "&postid"
line 231 column 74 - Warning: <style> isn't allowed in <td> elements
line 231 column 9 - Info: <td> previously mentioned
line 242 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 244 column 9 - Warning: missing <tr>
line 262 column 13 - Warning: missing <tr>
line 263 column 102 - Warning: unescaped & or unknown entity "&postid"
line 265 column 74 - Warning: <style> isn't allowed in <td> elements
line 265 column 9 - Info: <td> previously mentioned
line 271 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 273 column 9 - Warning: missing <tr>
line 291 column 13 - Warning: missing <tr>
line 292 column 102 - Warning: unescaped & or unknown entity "&postid"
line 294 column 74 - Warning: <style> isn't allowed in <td> elements
line 294 column 9 - Info: <td> previously mentioned
line 296 column 15 - Warning: <link> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 297 column 25 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 299 column 25 - Warning: missing <tr>
line 308 column 25 - Warning: missing <tr>
line 309 column 114 - Warning: unescaped & or unknown entity "&postid"
line 311 column 90 - Warning: <link> isn't allowed in <td> elements
line 311 column 25 - Info: <td> previously mentioned
line 315 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 317 column 9 - Warning: missing <tr>
line 335 column 13 - Warning: missing <tr>
line 336 column 102 - Warning: unescaped & or unknown entity "&postid"
line 338 column 74 - Warning: <style> isn't allowed in <td> elements
line 338 column 9 - Info: <td> previously mentioned
line 352 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 354 column 9 - Warning: missing <tr>
line 372 column 13 - Warning: missing <tr>
line 373 column 102 - Warning: unescaped & or unknown entity "&postid"
line 375 column 74 - Warning: <style> isn't allowed in <td> elements
line 375 column 9 - Info: <td> previously mentioned
line 382 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 384 column 9 - Warning: missing <tr>
line 402 column 13 - Warning: missing <tr>
line 403 column 102 - Warning: unescaped & or unknown entity "&postid"
line 405 column 74 - Warning: <style> isn't allowed in <td> elements
line 405 column 9 - Info: <td> previously mentioned
line 420 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 422 column 9 - Warning: missing <tr>
line 440 column 13 - Warning: missing <tr>
line 441 column 102 - Warning: unescaped & or unknown entity "&postid"
line 446 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 448 column 9 - Warning: missing <tr>
line 466 column 13 - Warning: missing <tr>
line 467 column 102 - Warning: unescaped & or unknown entity "&postid"
line 469 column 74 - Warning: <style> isn't allowed in <td> elements
line 469 column 9 - Info: <td> previously mentioned
line 475 column 9 - Warning: <div> isn't allowed in <table> elements
line 170 column 17 - Info: <table> previously mentioned
line 477 column 9 - Warning: missing <tr>
line 495 column 13 - Warning: missing <tr>
line 496 column 102 - Warning: unescaped & or unknown entity "&postid"
line 498 column 74 - Warning: <style> isn't allowed in <td> elements
line 498 column 9 - Info: <td> previously mentioned
line 501 column 17 - Warning: missing <tr>
line 501 column 17 - Warning: discarding unexpected <table>
line 504 column 35 - Warning: missing <tr>
line 504 column 95 - Warning: unescaped & or unknown entity "&page"
line 504 column 50 - Warning: missing </font> before </td>
line 504 column 132 - Warning: missing </font> before </table>
line 506 column 35 - Warning: missing <tr>
line 506 column 50 - Warning: missing </font> before </td>
line 507 column 37 - Warning: unescaped & or unknown entity "&id"
line 506 column 222 - Warning: missing </font> before </table>
line 508 column 17 - Warning: discarding unexpected </textarea>
line 508 column 28 - Warning: discarding unexpected </form>
line 508 column 35 - Warning: discarding unexpected </embed>
line 508 column 43 - Warning: discarding unexpected </noembed>
line 508 column 53 - Warning: discarding unexpected </noscript>
line 508 column 64 - Warning: discarding unexpected </noembed>
line 508 column 74 - Warning: discarding unexpected </embed>
line 508 column 82 - Warning: discarding unexpected </table>
line 508 column 90 - Warning: discarding unexpected </table>
line 510 column 9 - Warning: missing </font> before <table>
line 522 column 25 - Warning: discarding unexpected </font>
line 531 column 37 - Warning: discarding unexpected </font>
line 509 column 1 - Warning: missing </center>
line 120 column 63 - Warning: <img> lacks "alt" attribute
line 125 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 125 column 93 - Warning: <img> lacks "alt" attribute
line 141 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 141 column 98 - Warning: <img> lacks "alt" attribute
line 148 column 43 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 140 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 244 - Warning: <img> proprietary attribute value "absmiddle"
line 155 column 70 - Warning: <img> proprietary attribute value "absmiddle"
line 155 column 70 - Warning: <img> lacks "alt" attribute
line 156 column 70 - Warning: <table> attribute "width" has invalid value "40.9%"
line 156 column 70 - Warning: <table> attribute "bgcolor" had invalid value "50c050" and has been replaced
line 159 column 70 - Warning: <img> proprietary attribute value "absmiddle"
line 159 column 70 - Warning: <img> lacks "alt" attribute
line 160 column 70 - Warning: <table> attribute "width" has invalid value "22.7%"
line 160 column 70 - Warning: <table> attribute "bgcolor" had invalid value "c05050" and has been replaced
line 163 column 70 - Warning: <img> proprietary attribute value "absmiddle"
line 163 column 70 - Warning: <img> lacks "alt" attribute
line 164 column 70 - Warning: <table> attribute "width" has invalid value "36.4%"
line 164 column 70 - Warning: <table> attribute "bgcolor" had invalid value "7070a0" and has been replaced
line 178 column 11 - Warning: <img> lacks "alt" attribute
line 179 column 22 - Warning: <img> lacks "alt" attribute
line 179 column 63 - Warning: <img> lacks "alt" attribute
line 179 column 112 - Warning: <img> lacks "alt" attribute
line 179 column 162 - Warning: <img> lacks "alt" attribute
line 180 column 11 - Warning: <img> lacks "alt" attribute
line 190 column 15 - Warning: <img> lacks "alt" attribute
line 201 column 856 - Warning: <img> lacks "alt" attribute
line 203 column 1786 - Warning: <img> lacks "alt" attribute
line 203 column 1869 - Warning: <img> attribute "width" has invalid value "20.5"
line 203 column 1869 - Warning: <img> lacks "alt" attribute
line 213 column 22 - Warning: <img> lacks "alt" attribute
line 213 column 63 - Warning: <img> lacks "alt" attribute
line 213 column 112 - Warning: <img> lacks "alt" attribute
line 213 column 161 - Warning: <img> lacks "alt" attribute
line 214 column 11 - Warning: <img> lacks "alt" attribute
line 224 column 15 - Warning: <img> lacks "alt" attribute
line 247 column 23 - Warning: <img> lacks "alt" attribute
line 247 column 64 - Warning: <img> lacks "alt" attribute
line 247 column 113 - Warning: <img> lacks "alt" attribute
line 247 column 163 - Warning: <img> lacks "alt" attribute
line 248 column 11 - Warning: <img> lacks "alt" attribute
line 258 column 15 - Warning: <img> lacks "alt" attribute
line 276 column 23 - Warning: <img> lacks "alt" attribute
line 276 column 64 - Warning: <img> lacks "alt" attribute
line 276 column 113 - Warning: <img> lacks "alt" attribute
line 276 column 163 - Warning: <img> lacks "alt" attribute
line 277 column 11 - Warning: <img> lacks "alt" attribute
line 287 column 15 - Warning: <img> lacks "alt" attribute
line 294 column 901 - Warning: <div> anchor "xklayout" already defined
line 294 column 1220 - Warning: <img> proprietary attribute value "absmiddle"
line 294 column 1220 - Warning: <img> lacks "alt" attribute
line 303 column 56 - Warning: <img> lacks "alt" attribute
line 311 column 649 - Warning: <img> proprietary attribute value "absmiddle"
line 311 column 649 - Warning: <img> lacks "alt" attribute
line 320 column 23 - Warning: <img> lacks "alt" attribute
line 320 column 64 - Warning: <img> lacks "alt" attribute
line 320 column 113 - Warning: <img> lacks "alt" attribute
line 320 column 163 - Warning: <img> lacks "alt" attribute
line 321 column 11 - Warning: <img> lacks "alt" attribute
line 331 column 15 - Warning: <img> lacks "alt" attribute
line 338 column 901 - Warning: <div> anchor "xklayout" already defined
line 338 column 1062 - Warning: <img> proprietary attribute value "absmiddle"
line 338 column 1062 - Warning: <img> lacks "alt" attribute
line 357 column 22 - Warning: <img> lacks "alt" attribute
line 357 column 63 - Warning: <img> lacks "alt" attribute
line 357 column 112 - Warning: <img> lacks "alt" attribute
line 357 column 162 - Warning: <img> lacks "alt" attribute
line 358 column 11 - Warning: <img> lacks "alt" attribute
line 368 column 15 - Warning: <img> lacks "alt" attribute
line 379 column 1765 - Warning: <img> lacks "alt" attribute
line 387 column 23 - Warning: <img> lacks "alt" attribute
line 387 column 64 - Warning: <img> lacks "alt" attribute
line 387 column 113 - Warning: <img> lacks "alt" attribute
line 387 column 163 - Warning: <img> lacks "alt" attribute
line 388 column 11 - Warning: <img> lacks "alt" attribute
line 398 column 15 - Warning: <img> lacks "alt" attribute
line 405 column 901 - Warning: <div> anchor "xklayout" already defined
line 424 column 11 - Warning: <img> lacks "alt" attribute
line 425 column 22 - Warning: <img> lacks "alt" attribute
line 425 column 63 - Warning: <img> lacks "alt" attribute
line 425 column 112 - Warning: <img> lacks "alt" attribute
line 425 column 162 - Warning: <img> lacks "alt" attribute
line 426 column 11 - Warning: <img> lacks "alt" attribute
line 436 column 15 - Warning: <img> lacks "alt" attribute
line 451 column 21 - Warning: <img> lacks "alt" attribute
line 451 column 62 - Warning: <img> lacks "alt" attribute
line 451 column 111 - Warning: <img> lacks "alt" attribute
line 451 column 161 - Warning: <img> lacks "alt" attribute
line 462 column 15 - Warning: <img> lacks "alt" attribute
line 480 column 23 - Warning: <img> lacks "alt" attribute
line 480 column 64 - Warning: <img> lacks "alt" attribute
line 480 column 113 - Warning: <img> lacks "alt" attribute
line 480 column 163 - Warning: <img> lacks "alt" attribute
line 481 column 11 - Warning: <img> lacks "alt" attribute
line 491 column 15 - Warning: <img> lacks "alt" attribute
line 498 column 901 - Warning: <div> anchor "xklayout" already defined
line 507 column 43 - Warning: <img> proprietary attribute value "absmiddle"
line 507 column 140 - Warning: <img> proprietary attribute value "absmiddle"
line 507 column 244 - Warning: <img> proprietary attribute value "absmiddle"
line 516 column 25 - Warning: <img> lacks "alt" attribute
line 521 column 267 - Warning: <img> lacks "alt" attribute
line 201 column 503 - Warning: trimming empty <p>
line 201 column 771 - Warning: trimming empty <font>
line 201 column 768 - Warning: trimming empty <p>
line 203 column 2001 - Warning: trimming empty <p>
line 501 column 17 - Warning: trimming empty <tr>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 195 column 27 - Warning: <nobr> is not approved by W3C
line 197 column 111 - Warning: <div> proprietary attribute "height"
line 201 column 707 - Warning: <tr> proprietary attribute "height"
line 201 column 856 - Warning: <font> proprietary attribute "align"
line 201 column 927 - Warning: <font> proprietary attribute "align"
line 203 column 1160 - Warning: <table> proprietary attribute "background"
line 203 column 1160 - Warning: <table> proprietary attribute "height"
line 203 column 1286 - Warning: <tr> proprietary attribute "height"
line 203 column 1458 - Warning: <tr> proprietary attribute "height"
line 203 column 1530 - Warning: <tr> proprietary attribute "height"
line 203 column 1713 - Warning: <tr> proprietary attribute "height"
line 229 column 27 - Warning: <nobr> is not approved by W3C
line 263 column 27 - Warning: <nobr> is not approved by W3C
line 292 column 27 - Warning: <nobr> is not approved by W3C
line 309 column 39 - Warning: <nobr> is not approved by W3C
line 313 column 902 - Warning: <code> proprietary attribute "display"
line 336 column 27 - Warning: <nobr> is not approved by W3C
line 373 column 27 - Warning: <nobr> is not approved by W3C
line 403 column 27 - Warning: <nobr> is not approved by W3C
line 441 column 27 - Warning: <nobr> is not approved by W3C
line 467 column 27 - Warning: <nobr> is not approved by W3C
line 496 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 239 warnings and 0 errors!


The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md