Register - Login
Views: 99393061
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-24-22 10:19:27 AM
Jul - Projects and Creations - I can't make layouts, halp! New poll - New thread - New reply
Next newer thread | Next older thread
Lunaria

Moon Bunny! :3
Level: 139


Posts: 5457/5751
EXP: 32000726
For next: 466719

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 1 day
Posted on 02-15-18 10:16:37 PM (last edited by Lunaria at 02-15-18 10:33:53 PM) Link | Quote
Silly thread title aside, I was wondering if someone could help me out making a layout. I used to know html and css fairly well, but I don't ever use it so I have kind of forgotten. My current one that I'm using is one that I have actually recycled a couple of times as I changed it and added things to it, but the last time I messed with it was many years ago.

I could probably dive into it and make myself a new layout but I would appreciate if someone could help me. What I want isn't that complex but I simply don't know what standards are used for styling anymore or how to make it work on most browsers out there (I even needed help with that part for my current one). I don't really expect anyone to actually do this for me, but I figured I might as well ask, because I'm kind of sick of my current one in a major way.

Anyway, the layout I had in mind is like this:


Where BG 1 and 2 repeats on both the X and Y axis, though I suppose that would be a bit given? I don't actually need any graphical assets or that sort of work since I can create those things myself. It's just the code part of the layout I can't do.

Optionally I would like the image (purple block) that is selected from the image block to draw a specific one based on what mood avatar is, but I'm honestly not even sure how that could be handled even. (I kinda want my avatar as part of the box rather than where it is currently.)

I also drafted up, an, um, slightly more advanced version that I would sort of prefer but that's a bit more complex and I'm not even sure if I'm allowed to have it anyway? Since it eats up the left side field of my post (where the avatar and junk is located). I just kind of want something a bit cleaner and plain than all that info stuff. Nvm, this seems like it would be a bad idea.
Xkeeper

Level: 263


Posts: 23358/25343
EXP: 296722233
For next: 2238220

Since: 07-03-07

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

Since last post: 9 days
Last activity: 3 days
Posted on 02-15-18 10:18:05 PM Link | Quote
Consuming the sidebar for posts is discouraged because there are thread layouts that don't have the sidebar, so your post ends up very wonky.

____________________
(Lv 242 with 222385242 EXP)
Lunaria

Moon Bunny! :3
Level: 139


Posts: 5458/5751
EXP: 32000726
For next: 466719

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 1 day
Posted on 02-15-18 10:22:14 PM Link | Quote
Wait, that's a thing that exists, does anyone use them?

____________________
Start 9
Xkeeper

Level: 263


Posts: 23358/25343
EXP: 296722233
For next: 2238220

Since: 07-03-07

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

Since last post: 9 days
Last activity: 3 days
Posted on 02-15-18 10:30:39 PM Link | Quote
The option in the profile edit page notes how many users are selected to use each type. There aren't many, but it's more than zero.

____________________
(Lv 242 with 222385492 EXP)
Kak

...
Level: 80


Posts: 1747/1928
EXP: 4755097
For next: 27872

Since: 09-03-13

From: ???

Since last post: 60 days
Last activity: 57 days
Posted on 02-15-18 10:57:35 PM Link | Quote
KLayout 4.0
Originally posted by Xkeeper
Consuming the sidebar for posts is discouraged because there are thread layouts that don't have the sidebar, so your post ends up very wonky.
heh, I was one of those guilty of the CSS margin hacks for achieving that

.topbar-[user id] like selectors only in the regular layout would a good solution, since they would allow easy editing of some sidebar features without relying on CSS hacks which are incompatible with other thread layouts


AB 2.5.x does this and it's a pretty nifty feature

____________________
You may or may not be able to recognize where I stole this grid background from.
Stats
Kak
aka Schezo
Level: 70
Days: 1626
Ranked: 59
Links
???
Twitter
YouTube
Website
RanAS
Member
Level: 55


Posts: 387/844
EXP: 1286471
For next: 27718

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 02-16-18 08:18:15 AM Link | Quote
The corner images and repeating images (the red and green ones) can be implemented using border-image, which can be a bit tricky sometimes. The purple image on the top left corner of the post box is simple enough, though I'm not sure if you want the text to flow below the image or not:

text text text
text text text
text text text
text text text
text text text
text text text
text text text
text text text
text text text
text text text


text text text
text text text
text text text
text text text
text text text
text text text
text text text
text text text
text text text
text text text


The blue centered images are going to require a bit more thinking. border-image doesn't have a no-repeat option, so I'm not sure what should be used instead. Possibilites include tables, "position: absolute;", grids, etc. I'm going to be trying a few different things here to see if I can find something that works well.
Lunaria

Moon Bunny! :3
Level: 139


Posts: 5463/5751
EXP: 32000726
For next: 466719

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 1 day
Posted on 02-16-18 08:30:50 AM Link | Quote
Oh, um, like in your second example with the text. Thanks for taking the time. 'o'

____________________
[Signature: I'm looking for some help getting a new layout. :< ]
RanAS
Member
Level: 55


Posts: 388/844
EXP: 1286471
For next: 27718

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 02-16-18 09:58:28 AM Link | Quote 
<style>

 .lunaria998 {background: #777; /* BG1 */ min-height: 200px; padding: 25px; color: #FFF; font-family: 'Lucida Console', monospace;}

 .lunaria999 {

   border-style: solid;

   border-width: 8px;

   border-image: url('data:image/gif;base64,R0lGODlhGAAYAKEDAAAAAO0cJCKxTP///ywAAAAAGAAYAAACQIxvoqvoHxiDNMpW38UZbdE5X+ht5DFCH8C27Le6LbzJMy3ZL87oAN/TARe+oaJoUiVPKeaS1IQ+Q1HqtFM9FAAAOw==') 8;

   /* the border-image website will generate the values for the properties above */

   background: #222; /* BG2 */

   display: flex;

 }

 .lunaria1000 {

   margin: -8px; /* always needs to match the border-width above, except it's negative */

   padding: 8px; /* always needs to match the border-width above */

   background:

     url('data:image/gif;base64,R0lGODlhEAAIAIABAD9IzP///yH5BAEKAAEALAAAAAAQAAgAAAIKhI+py+0Po5ysAAA7') center 0 no-repeat, /* top image */

     url('data:image/gif;base64,R0lGODlhCAAQAIABAMzGP////yH5BAEKAAEALAAAAAAIABAAAAIKhI+py+0Po5ysAAA7') 100% no-repeat, /* right image */

     url('data:image/gif;base64,R0lGODlhEAAIAIABAD9IzP///yH5BAEKAAEALAAAAAAQAAgAAAIKhI+py+0Po5ysAAA7') center 100% no-repeat, /* bottom image */

     url('data:image/gif;base64,R0lGODlhCAAQAIABAMzGP////yH5BAEKAAEALAAAAAAIABAAAAIKhI+py+0Po5ysAAA7') 0 no-repeat; /* left image */

     flex: 1;

 }

 .lunaria1001 {background: url('https://i.imgur.com/vGYfWuts.jpg') 5px 5px no-repeat; padding: 7px 5px 7px 100px; /* this last number has to match the image's width */}

 /* extra unecessary CSS below */

 .lunaria1001 a {color: #F80; font-weight: normal;} .lunaria1001 a:hover {text-decoration: underline;}

 .lunaria1001 hr {border: 0; height: 1px; background: #FFF;}

</style><div class="lunaria998"><div class="lunaria999"><div class="lunaria1000"><div class="lunaria1001">



POST SIGNATURE:

</div></div></div></div>

This code is a bit messy as you can see. It requires 4 divs, I tried merging a few together but I wasn't able to.

The base64 images can be replaced with proper URLs. BG1 and BG2 can also be replaced with URLs. ex.: url('https://i.imgur.com/vGYfWuts.jpg')
Lunaria

Moon Bunny! :3
Level: 139


Posts: 5465/5751
EXP: 32000726
For next: 466719

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 1 day
Posted on 02-16-18 11:07:33 AM (last edited by Lunaria at 02-16-18 11:10:12 AM) Link | Quote
Mmm, well, this is certainly something, but I think I need to tweak it a bit more. (These are all still, sort of, test images). The centred images don't seem to build onto the frame in the way I was imagining it. :V

____________________
[WIP layout as it's being made! 'w' ]
Lunaria

Moon Bunny! :3
Level: 139


Posts: 5512/5751
EXP: 32000726
For next: 466719

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 1 day
Posted on 03-03-18 08:05:36 PM Link | Quote
Oh, I forgot. Thank you so much for making this! I still need to tweak it a bit more and get the images configured that I actually wanted to use. What with, hmmm, all the university work stress and stuff I have atm it was put on the backburner.

____________________
[WIP layout as it's being made! 'w' ]
Chalcedony

Level: 23


Posts: 9/139
EXP: 64628
For next: 3095

Since: 01-20-18

Pronouns: she/they (often dual)

Since last post: 79 days
Last activity: 4 hours
Posted on 03-05-18 12:17:03 AM Link | Quote
How are these “layouts” being done, anyway? Is this purely via the HTML prefix/suffix stuff in the profile, or is there a separate layout editor which we're not currently aware of? The terminology's a bit inconsistent…
RanAS
Member
Level: 55


Posts: 405/844
EXP: 1286471
For next: 27718

Since: 10-10-14

From: São Paulo, Brazil

Since last post: 1 day
Last activity: 1 day
Posted on 03-05-18 10:53:15 AM (last edited by RanAS at 03-05-18 10:53:31 AM) Link | Quote
Originally posted by Chalcedony
How are these “layouts” being done, anyway? Is this purely via the HTML prefix/suffix stuff in the profile, or is there a separate layout editor which we're not currently aware of? The terminology's a bit inconsistent…

You just add HTML/CSS to the "header" and "footer" areas on Edit Profile. That basically wraps the entire post around <div></div> tags and then you can style them using CSS. A dedicated editor could be made, but it's kinda pointless...

____________________
"The quieter you become, the more you are able to hear." --Ram Dass
Next newer thread | Next older thread
Jul - Projects and Creations - I can't make layouts, halp! New poll - New thread - New reply


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

28 database queries, 2 query cache hits.
Query execution time:  0.081450 seconds
Script execution time:  0.028050 seconds
Total render time:  0.109500 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
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 198 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 91 - Warning: missing </font> before </table>
line 156 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 9 - Warning: missing <tr>
line 160 column 147 - Warning: <font> unexpected or duplicate quote mark
line 160 column 147 - Warning: <font> attribute with missing trailing quote mark
line 176 column 13 - Warning: missing <tr>
line 177 column 102 - Warning: unescaped & or unknown entity "&postid"
line 194 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 196 column 9 - Warning: missing <tr>
line 214 column 13 - Warning: missing <tr>
line 215 column 102 - Warning: unescaped & or unknown entity "&postid"
line 217 column 74 - Warning: <style> isn't allowed in <td> elements
line 217 column 9 - Info: <td> previously mentioned
line 220 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 222 column 9 - Warning: missing <tr>
line 224 column 147 - Warning: <font> unexpected or duplicate quote mark
line 224 column 147 - Warning: <font> attribute with missing trailing quote mark
line 240 column 13 - Warning: missing <tr>
line 241 column 102 - Warning: unescaped & or unknown entity "&postid"
line 243 column 74 - Warning: <style> isn't allowed in <td> elements
line 243 column 9 - Info: <td> previously mentioned
line 243 column 1209 - Warning: missing </font> before </div>
line 244 column 1338 - Warning: inserting implicit <font>
line 244 column 1344 - Warning: discarding unexpected </font>
line 247 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 249 column 9 - Warning: missing <tr>
line 267 column 13 - Warning: missing <tr>
line 268 column 102 - Warning: unescaped & or unknown entity "&postid"
line 270 column 74 - Warning: <style> isn't allowed in <td> elements
line 270 column 9 - Info: <td> previously mentioned
line 273 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 275 column 9 - Warning: missing <tr>
line 293 column 13 - Warning: missing <tr>
line 294 column 102 - Warning: unescaped & or unknown entity "&postid"
line 296 column 74 - Warning: <style> isn't allowed in <td> elements
line 296 column 9 - Info: <td> previously mentioned
line 306 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 308 column 9 - Warning: missing <tr>
line 326 column 13 - Warning: missing <tr>
line 327 column 102 - Warning: unescaped & or unknown entity "&postid"
line 358 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 360 column 9 - Warning: missing <tr>
line 362 column 147 - Warning: <font> unexpected or duplicate quote mark
line 362 column 147 - Warning: <font> attribute with missing trailing quote mark
line 378 column 13 - Warning: missing <tr>
line 379 column 102 - Warning: unescaped & or unknown entity "&postid"
line 384 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 386 column 9 - Warning: missing <tr>
line 404 column 13 - Warning: missing <tr>
line 405 column 102 - Warning: unescaped & or unknown entity "&postid"
line 441 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 443 column 9 - Warning: missing <tr>
line 445 column 147 - Warning: <font> unexpected or duplicate quote mark
line 445 column 147 - Warning: <font> attribute with missing trailing quote mark
line 461 column 13 - Warning: missing <tr>
line 462 column 102 - Warning: unescaped & or unknown entity "&postid"
line 464 column 74 - Warning: <style> isn't allowed in <td> elements
line 464 column 9 - Info: <td> previously mentioned
line 468 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 470 column 9 - Warning: missing <tr>
line 472 column 147 - Warning: <font> unexpected or duplicate quote mark
line 472 column 147 - Warning: <font> attribute with missing trailing quote mark
line 488 column 13 - Warning: missing <tr>
line 489 column 102 - Warning: unescaped & or unknown entity "&postid"
line 491 column 74 - Warning: <style> isn't allowed in <td> elements
line 491 column 9 - Info: <td> previously mentioned
line 495 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 497 column 9 - Warning: missing <tr>
line 515 column 13 - Warning: missing <tr>
line 516 column 102 - Warning: unescaped & or unknown entity "&postid"
line 521 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 523 column 9 - Warning: missing <tr>
line 541 column 13 - Warning: missing <tr>
line 542 column 102 - Warning: unescaped & or unknown entity "&postid"
line 544 column 74 - Warning: <style> isn't allowed in <td> elements
line 544 column 9 - Info: <td> previously mentioned
line 548 column 17 - Warning: missing <tr>
line 548 column 17 - Warning: discarding unexpected <table>
line 551 column 35 - Warning: missing <tr>
line 551 column 50 - Warning: missing </font> before </td>
line 551 column 91 - Warning: missing </font> before </table>
line 553 column 35 - Warning: missing <tr>
line 553 column 50 - Warning: missing </font> before </td>
line 554 column 37 - Warning: unescaped & or unknown entity "&id"
line 553 column 198 - Warning: missing </font> before </table>
line 555 column 17 - Warning: discarding unexpected </textarea>
line 555 column 28 - Warning: discarding unexpected </form>
line 555 column 35 - Warning: discarding unexpected </embed>
line 555 column 43 - Warning: discarding unexpected </noembed>
line 555 column 53 - Warning: discarding unexpected </noscript>
line 555 column 64 - Warning: discarding unexpected </noembed>
line 555 column 74 - Warning: discarding unexpected </embed>
line 555 column 82 - Warning: discarding unexpected </table>
line 555 column 90 - Warning: discarding unexpected </table>
line 557 column 9 - Warning: missing </font> before <table>
line 569 column 25 - Warning: discarding unexpected </font>
line 578 column 57 - Warning: discarding unexpected </font>
line 556 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 44 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 160 column 11 - Warning: <img> lacks "alt" attribute
line 161 column 23 - Warning: <img> lacks "alt" attribute
line 161 column 64 - Warning: <img> lacks "alt" attribute
line 161 column 113 - Warning: <img> lacks "alt" attribute
line 161 column 163 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 184 column 964 - Warning: <img> lacks "alt" attribute
line 191 column 2079 - Warning: <img> lacks "alt" attribute
line 199 column 23 - Warning: <img> lacks "alt" attribute
line 199 column 64 - Warning: <img> lacks "alt" attribute
line 199 column 113 - Warning: <img> lacks "alt" attribute
line 199 column 163 - Warning: <img> lacks "alt" attribute
line 200 column 11 - Warning: <img> lacks "alt" attribute
line 210 column 15 - Warning: <img> lacks "alt" attribute
line 224 column 11 - Warning: <img> lacks "alt" attribute
line 225 column 23 - Warning: <img> lacks "alt" attribute
line 225 column 64 - Warning: <img> lacks "alt" attribute
line 225 column 113 - Warning: <img> lacks "alt" attribute
line 225 column 163 - Warning: <img> lacks "alt" attribute
line 226 column 11 - Warning: <img> lacks "alt" attribute
line 236 column 15 - Warning: <img> lacks "alt" attribute
line 243 column 1209 - Warning: <font> attribute "size" has invalid value "+0,5"
line 244 column 1338 - Warning: <font> attribute "size" has invalid value "+0,5"
line 252 column 23 - Warning: <img> lacks "alt" attribute
line 252 column 64 - Warning: <img> lacks "alt" attribute
line 252 column 113 - Warning: <img> lacks "alt" attribute
line 252 column 163 - Warning: <img> lacks "alt" attribute
line 253 column 11 - Warning: <img> lacks "alt" attribute
line 263 column 15 - Warning: <img> lacks "alt" attribute
line 270 column 901 - Warning: <div> anchor "xklayout" already defined
line 277 column 11 - Warning: <img> lacks "alt" attribute
line 278 column 22 - Warning: <img> lacks "alt" attribute
line 278 column 63 - Warning: <img> lacks "alt" attribute
line 278 column 112 - Warning: <img> lacks "alt" attribute
line 278 column 162 - Warning: <img> lacks "alt" attribute
line 279 column 11 - Warning: <img> lacks "alt" attribute
line 289 column 15 - Warning: <img> lacks "alt" attribute
line 296 column 2218 - Warning: <img> proprietary attribute value "absmiddle"
line 296 column 2218 - Warning: <img> lacks "alt" attribute
line 301 column 3024 - Warning: <img> lacks "alt" attribute
line 311 column 22 - Warning: <img> lacks "alt" attribute
line 311 column 63 - Warning: <img> lacks "alt" attribute
line 311 column 112 - Warning: <img> lacks "alt" attribute
line 311 column 162 - Warning: <img> lacks "alt" attribute
line 312 column 11 - Warning: <img> lacks "alt" attribute
line 322 column 15 - Warning: <img> lacks "alt" attribute
line 331 column 442 - Warning: <img> lacks "alt" attribute
line 362 column 11 - Warning: <img> lacks "alt" attribute
line 363 column 23 - Warning: <img> lacks "alt" attribute
line 363 column 64 - Warning: <img> lacks "alt" attribute
line 363 column 113 - Warning: <img> lacks "alt" attribute
line 363 column 163 - Warning: <img> lacks "alt" attribute
line 364 column 11 - Warning: <img> lacks "alt" attribute
line 374 column 15 - Warning: <img> lacks "alt" attribute
line 389 column 22 - Warning: <img> lacks "alt" attribute
line 389 column 63 - Warning: <img> lacks "alt" attribute
line 389 column 112 - Warning: <img> lacks "alt" attribute
line 389 column 162 - Warning: <img> lacks "alt" attribute
line 390 column 11 - Warning: <img> lacks "alt" attribute
line 400 column 15 - Warning: <img> lacks "alt" attribute
line 445 column 11 - Warning: <img> lacks "alt" attribute
line 446 column 23 - Warning: <img> lacks "alt" attribute
line 446 column 64 - Warning: <img> lacks "alt" attribute
line 446 column 113 - Warning: <img> lacks "alt" attribute
line 446 column 163 - Warning: <img> lacks "alt" attribute
line 447 column 11 - Warning: <img> lacks "alt" attribute
line 457 column 15 - Warning: <img> lacks "alt" attribute
line 472 column 11 - Warning: <img> lacks "alt" attribute
line 473 column 23 - Warning: <img> lacks "alt" attribute
line 473 column 64 - Warning: <img> lacks "alt" attribute
line 473 column 113 - Warning: <img> lacks "alt" attribute
line 473 column 163 - Warning: <img> lacks "alt" attribute
line 474 column 11 - Warning: <img> lacks "alt" attribute
line 484 column 15 - Warning: <img> lacks "alt" attribute
line 499 column 11 - Warning: <img> lacks "alt" attribute
line 500 column 22 - Warning: <img> lacks "alt" attribute
line 500 column 63 - Warning: <img> lacks "alt" attribute
line 500 column 112 - Warning: <img> lacks "alt" attribute
line 500 column 162 - Warning: <img> lacks "alt" attribute
line 511 column 15 - Warning: <img> lacks "alt" attribute
line 526 column 22 - Warning: <img> lacks "alt" attribute
line 526 column 63 - Warning: <img> lacks "alt" attribute
line 526 column 112 - Warning: <img> lacks "alt" attribute
line 526 column 162 - Warning: <img> lacks "alt" attribute
line 527 column 11 - Warning: <img> lacks "alt" attribute
line 537 column 15 - Warning: <img> lacks "alt" attribute
line 545 column 1856 - Warning: <img> lacks "alt" attribute
line 554 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 554 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 554 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 563 column 25 - Warning: <img> lacks "alt" attribute
line 568 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 244 column 1338 - Warning: trimming empty <font>
line 548 column 17 - Warning: trimming empty <tr>
line 551 column 50 - Warning: trimming empty <font>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 177 column 27 - Warning: <nobr> is not approved by W3C
line 215 column 27 - Warning: <nobr> is not approved by W3C
line 241 column 27 - Warning: <nobr> is not approved by W3C
line 268 column 27 - Warning: <nobr> is not approved by W3C
line 294 column 27 - Warning: <nobr> is not approved by W3C
line 327 column 27 - Warning: <nobr> is not approved by W3C
line 379 column 27 - Warning: <nobr> is not approved by W3C
line 405 column 27 - Warning: <nobr> is not approved by W3C
line 462 column 27 - Warning: <nobr> is not approved by W3C
line 489 column 27 - Warning: <nobr> is not approved by W3C
line 516 column 27 - Warning: <nobr> is not approved by W3C
line 542 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 223 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