Register - Login
Views: 99366236
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-23-22 03:23:50 PM
Jul - Projects and Creations - Layout request New poll - New thread - New reply
Pages: 1 2 Next newer thread | Next older thread
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3116/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-16-10 12:17:54 AM (last edited by Lunaria at 10-19-10 08:16 AM) Link | Quote
So this week during school I had a great idea for a layout, and I decided to draw up all the images I needed for it... which I'm working on now.

The problem is... I can't code the layout I want.


My current layout is made from table stacking, which works fine for something simpler like this, but not for what I want to do.

Therefor, I would like to request someone to make a layout for me. If you're interested, read on. =)

What I'm thinking here is too have the top and the bottom part loop once to get the post box in a bit better size. The left and the right part could either be set to loop once or simply loop (in whole images) depending on how long the post is.

The green area in the post box would be in black color in a preferably easy to way to alter, I can insert my own font tag later for the text.

Outside the post box I will have an background which I would like to loop horizontally while once it runs out vertically I want the bottom part to keep going with just plain black coloring. (aka, no image but black background.) As the BG I have in mind is partly a gradation.

Lastly, but not least, I want (as in my current layout) an image on the right side, preferably aligned with the bottom of the post rather then in the middle.




I'm sorry if this came off as odd, I'm just terrible at making a layout and terrible at explaining stuff.

But I do hope someone helps me out with this! :o
Joe
Common spammer
🍬
Level: 111


Posts: 1541/3392
EXP: 14488165
For next: 380195

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 14 hours
Posted on 10-16-10 05:50:47 AM Link | Quote
CSS3 can do exactly what you want. In particular, this section explains how a single image can be sliced up in a variety of ways to produce borders.

To begin with, you need to combine all of the images into one. For example, my layout uses this to produce the entire border in compatible browsers. The center section should be your background color.

____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3120/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-16-10 12:25:03 PM Link | Quote
uh, do you mind proving some example code though?

I'm terrible with getting CSS to work so it would be nice to have some reference.

____________________

Joe
Common spammer
🍬
Level: 111


Posts: 1543/3392
EXP: 14488165
For next: 380195

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 14 hours
Posted on 10-16-10 07:09:03 PM Link | Quote
I'm using my layout as a reference, since it's very similar to what you want (but lacks the image on the right).

The CSS that sets up the background and border looks like this:
.yume0a

{

background:#070717 url(http://img714.imageshack.us/img714/2234/blockmaze.png) fixed center

}

.yume0b

{

border:8px double #67263e;

border-image:url(http://img521.imageshack.us/img521/3002/borderw.png) 8 repeat;

-moz-border-image:url(http://img521.imageshack.us/img521/3002/borderw.png) 8 repeat;

-webkit-border-image:url(http://img521.imageshack.us/img521/3002/borderw.png) 8 repeat

}
In order for your border to show up correctly, you must also provide code for the border that will appear in browsers that don't support using border images. Since my border image is for a border of 8 pixels on all sides, I use a border of 8 pixels.

In order to have transparency in my border image, I have set the background color inside a container DIV. One positive side effect is that it lets me change the background color whenever I want, although doing so wouldn't fit well with my border.
<div class="yume0a"><div class="yume0b"><div style="background:#000">
You could easily set the background color using that, and the CSS to set your font properties can go just about anywhere.

If you're going to copy this code, please change the CSS classes. I've had problems with that before.

____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3121/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-17-10 12:13:53 AM (last edited by Lunaria at 10-17-10 06:12 PM) Link | Quote
Also null !
Joe
Common spammer
🍬
Level: 111


Posts: 1547/3392
EXP: 14488165
For next: 380195

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 14 hours
Posted on 10-17-10 01:14:15 AM Link | Quote
First, you've used the same class for both DIVs. That won't work.

Second, you've copied all of the colors and URLs from mine. That will give you my layout!

(Third, you can't have linebreaks in your CSS. That's a bug in the board, Xk will fix it eventually.)

Looking again, I see you've added a bunch of semicolons. You don't need more unless you're going to add more CSS. I don't know if the extra semicolons will mess anything up, but it's better to remove them.

____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3122/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-17-10 10:19:12 AM (last edited by Lunaria at 10-17-10 07:24 AM) Link | Quote
Well, yeah. I used your copy code just to see if I can get something to display first of all.. then I can work towards making it the layout I want. :<


I made the changes in the earlier post again, but I still can't get anything to display. :<

____________________

Joe
Common spammer
🍬
Level: 111


Posts: 1549/3392
EXP: 14488165
For next: 380195

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 14 hours
Posted on 10-17-10 04:10:16 PM (last edited by Joe at 10-17-10 01:11 PM) Link | Quote
You still have linebreaks. You have to paste the code into notepad or such and get it all on one (really long) line in order for it to work.

When I remove the line breaks (using Opera's page source editor), it works better. I'm concentrating on making the border work first, so that's all that needs to appear for now.

Edit: Might be good to stick something in the sig. Like: 
</div></div></div>


____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3124/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-17-10 04:47:31 PM (last edited by Lunaria at 10-17-10 06:12 PM) Link | Quote

null
Peardian

  
Magikoopa

16/3/1: KvSG #479 is up!

Level: 157


Posts: 4047/7597
EXP: 48559357
For next: 1019876

Since: 08-02-07

From: Isle Delfino

Since last post: 1 day
Last activity: 2 hours
Posted on 10-17-10 06:09:02 PM Link | Quote
Looks pretty neat!


For setting minimum size, you can use the CSS properties min-width and min-height . Note that it does not take into account border, padding, and margin.

____________________
-Peardian-
"Kindness is the language which the deaf can hear and the blind can see." -Mark Twain
Darkdata
Ruins!? ♥
Level: 103


Posts: 1834/2892
EXP: 11435850
For next: 35556

Since: 07-04-07


Since last post: 192 days
Last activity: 21 hours
Posted on 10-17-10 07:23:50 PM Link | Quote
Make sure you set your text-color for those of us on light board themes!

____________________

4 1 2 3
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3126/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-17-10 07:54:36 PM (last edited by Lunaria at 10-17-10 06:20 PM) Link | Quote
Originally posted by Darkdata
Make sure you set your text-color for those of us on light board themes!

Mmmm, I will.


Also, the layout is going forward at least, yay!

Now with BG!


____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3127/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-17-10 09:17:22 PM Link | Quote
I just wanted to bump the topic to say that layout is done...


EXCEPT! I don't know if I should use the pixelated BG (see above post) or the one I'm using in this post!

____________________
Girlydragon
3030
Possibly neither Girly nor Dragon.
Level: 105


Posts: 1348/3030
EXP: 12245194
For next: 17066

Since: 07-21-07

From: Sweden

Since last post: 273 days
Last activity: 4 hours
Posted on 10-17-10 09:47:17 PM Link | Quote
I'd vote one for non-pixelated.

Also on the layout!

____________________
Joe
Common spammer
🍬
Level: 111


Posts: 1551/3392
EXP: 14488165
For next: 380195

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 14 hours
Posted on 10-18-10 01:38:24 AM Link | Quote
Your layout will break spectacularly on large posts. It looks a lot better than anything I could come up with, though.

There are a few things that need changing. First off, change the border image to this.

Next, change your header to this:
<style type="text/css">

.lunaria6

{

background:#000 url(http://i200.photobucket.com/albums/aa79/Green-Kirby/Jul/GradationBG.png) repeat-x top;

color:#f0b030

}

.lunaria7

{

background:url(http://i200.photobucket.com/albums/aa79/Green-Kirby/Jul/moonlighticon2.png) no-repeat right;

padding:30px 285px 30px 15px

}

.lunaria9

{

border:15px double #f0b030;

border-image:url(http://i200.photobucket.com/albums/aa79/Green-Kirby/Jul/moonlightlayout2.png) 15 round;

-moz-border-image:url(http://i200.photobucket.com/albums/aa79/Green-Kirby/Jul/moonlightlayout2.png) 15 round;

-webkit-border-image:url(http://i200.photobucket.com/albums/aa79/Green-Kirby/Jul/moonlightlayout2.png) 15 round;

min-height:270px;

min-width:704px

}

</style>

<div class="lunaria6">

<div class="lunaria7">

<div class="lunaria9">

<div style="background:#000">
You might want to change the classes again, since it's new code. (I've removed the max-width for the lucky few on really really wide monitors.)

And your sig should be: 
</div></div></div></div>


Now that I see what you want, making it work is easy. If I hadn't been in Seattle all day, I would have done this sooner.

____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3130/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-18-10 08:46:26 PM (last edited by Lunaria at 10-18-10 06:02 PM) Link | Quote

However, as you look at this post it should not take you that long to figure out why I don't like this set up.
The images resizes and turns into ugly stuff. While the layout may be more practiacal, it certainly is a whole lot uglier. :/

I'm aware that my old set up limited me to a quite small post box, but I did not have any issues with that, as if I made a bigger post I could always just disable the layout or quickly do the math to reformat it to be longer. :<










derp

____________________
Joe
Common spammer
🍬
Level: 111


Posts: 1553/3392
EXP: 14488165
For next: 380195

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 14 hours
Posted on 10-18-10 09:17:31 PM Link | Quote
Originally posted by Lunaria
I'm aware that my old set up limited me to a quite small post box, but I did not have any issues with that, as if I made a bigger post I could always just disable the layout or quickly do the math to reformat it to be longer. :<
That doesn't work with auto-updating layouts, and when your post overflows, it covers everything below it. :/

Short of changing it to a scrolling layout, I can't think of any way to make it work.

____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3135/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-19-10 10:53:40 AM Link | Quote
Or I could just, you know, disable the layout whenever I make a long post.

I usually stick to quite short posts.

I mean, I can see your point but... I just don't want to ruin how the layout looks. :<

____________________
Girlydragon
3030
Possibly neither Girly nor Dragon.
Level: 105


Posts: 1354/3030
EXP: 12245194
For next: 17066

Since: 07-21-07

From: Sweden

Since last post: 273 days
Last activity: 4 hours
Posted on 10-19-10 11:10:55 AM (last edited by Girlydragon at 10-19-10 08:11 AM) Link | Quote
Originally posted by Lunaria
Or I could just, you know, disable the layout whenever I make a long post.



The problem (as Joe mentioned) is that disabling the layout for one post won't work for those that use auto-updating layouts.

So yeah, it's not as simple as disabling it temporarily, you gotta make sure it works. :/

____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3136/5751
EXP: 31998383
For next: 469062

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 22 hours
Posted on 10-19-10 11:18:10 AM Link | Quote
OoooOOooh

I did not actually know we had that function on the board until I just checked it out...

well, fuck.


I guess I can make the whole box bigger in all posts instead too. :<

____________________
Pages: 1 2 Next newer thread | Next older thread
Jul - Projects and Creations - Layout request New poll - New thread - New reply


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

29 database queries, 5 query cache hits.
Query execution time:  0.229801 seconds
Script execution time:  0.038023 seconds
Total render time:  0.267824 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 301 - 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 185 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 97 - 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 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 204 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 206 column 9 - Warning: missing <tr>
line 224 column 13 - Warning: missing <tr>
line 225 column 102 - Warning: unescaped & or unknown entity "&postid"
line 227 column 74 - Warning: <style> isn't allowed in <td> elements
line 227 column 9 - Info: <td> previously mentioned
line 232 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 234 column 9 - Warning: missing <tr>
line 236 column 147 - Warning: <font> unexpected or duplicate quote mark
line 236 column 147 - Warning: <font> attribute with missing trailing quote mark
line 252 column 13 - Warning: missing <tr>
line 253 column 102 - Warning: unescaped & or unknown entity "&postid"
line 262 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 264 column 9 - Warning: missing <tr>
line 282 column 13 - Warning: missing <tr>
line 283 column 102 - Warning: unescaped & or unknown entity "&postid"
line 285 column 74 - Warning: <style> isn't allowed in <td> elements
line 285 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 310 column 147 - Warning: <font> unexpected or duplicate quote mark
line 310 column 147 - Warning: <font> attribute with missing trailing quote mark
line 326 column 13 - Warning: missing <tr>
line 327 column 102 - Warning: unescaped & or unknown entity "&postid"
line 332 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 334 column 9 - Warning: missing <tr>
line 352 column 13 - Warning: missing <tr>
line 353 column 102 - Warning: unescaped & or unknown entity "&postid"
line 355 column 74 - Warning: <style> isn't allowed in <td> elements
line 355 column 9 - Info: <td> previously mentioned
line 364 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 366 column 9 - Warning: missing <tr>
line 368 column 147 - Warning: <font> unexpected or duplicate quote mark
line 368 column 147 - Warning: <font> attribute with missing trailing quote mark
line 384 column 13 - Warning: missing <tr>
line 385 column 102 - Warning: unescaped & or unknown entity "&postid"
line 395 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 397 column 9 - Warning: missing <tr>
line 415 column 13 - Warning: missing <tr>
line 416 column 102 - Warning: unescaped & or unknown entity "&postid"
line 418 column 74 - Warning: <style> isn't allowed in <td> elements
line 418 column 9 - Info: <td> previously mentioned
line 425 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 427 column 9 - Warning: missing <tr>
line 429 column 147 - Warning: <font> unexpected or duplicate quote mark
line 429 column 147 - Warning: <font> attribute with missing trailing quote mark
line 445 column 13 - Warning: missing <tr>
line 446 column 102 - Warning: unescaped & or unknown entity "&postid"
line 452 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 454 column 9 - Warning: missing <tr>
line 472 column 13 - Warning: missing <tr>
line 473 column 102 - Warning: unescaped & or unknown entity "&postid"
line 475 column 74 - Warning: <style> isn't allowed in <td> elements
line 475 column 9 - Info: <td> previously mentioned
line 475 column 363 - Warning: missing </font> before <center>
line 475 column 437 - Warning: inserting implicit <font>
line 475 column 538 - Warning: inserting implicit <font>
line 486 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 488 column 9 - Warning: missing <tr>
line 506 column 13 - Warning: missing <tr>
line 507 column 102 - Warning: unescaped & or unknown entity "&postid"
line 509 column 74 - Warning: <style> isn't allowed in <td> elements
line 509 column 9 - Info: <td> previously mentioned
line 513 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 515 column 9 - Warning: missing <tr>
line 517 column 147 - Warning: <font> unexpected or duplicate quote mark
line 517 column 147 - Warning: <font> attribute with missing trailing quote mark
line 533 column 13 - Warning: missing <tr>
line 534 column 102 - Warning: unescaped & or unknown entity "&postid"
line 536 column 74 - Warning: <style> isn't allowed in <td> elements
line 536 column 9 - Info: <td> previously mentioned
line 536 column 940 - Warning: missing </font> before <blockquote>
line 536 column 973 - Warning: inserting implicit <font>
line 536 column 973 - Warning: missing </font> before <hr>
line 536 column 1038 - Warning: inserting implicit <font>
line 536 column 1038 - Warning: missing </font> before <hr>
line 537 column 1 - Warning: inserting implicit <font>
line 546 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 548 column 9 - Warning: missing <tr>
line 550 column 147 - Warning: <font> unexpected or duplicate quote mark
line 550 column 147 - Warning: <font> attribute with missing trailing quote mark
line 566 column 13 - Warning: missing <tr>
line 567 column 102 - Warning: unescaped & or unknown entity "&postid"
line 569 column 74 - Warning: <style> isn't allowed in <td> elements
line 569 column 9 - Info: <td> previously mentioned
line 569 column 844 - Warning: missing </div>
line 575 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 577 column 9 - Warning: missing <tr>
line 595 column 13 - Warning: missing <tr>
line 596 column 102 - Warning: unescaped & or unknown entity "&postid"
line 603 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 605 column 9 - Warning: missing <tr>
line 623 column 13 - Warning: missing <tr>
line 624 column 102 - Warning: unescaped & or unknown entity "&postid"
line 626 column 74 - Warning: <style> isn't allowed in <td> elements
line 626 column 9 - Info: <td> previously mentioned
line 662 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 664 column 9 - Warning: missing <tr>
line 666 column 147 - Warning: <font> unexpected or duplicate quote mark
line 666 column 147 - Warning: <font> attribute with missing trailing quote mark
line 682 column 13 - Warning: missing <tr>
line 683 column 102 - Warning: unescaped & or unknown entity "&postid"
line 685 column 74 - Warning: <style> isn't allowed in <td> elements
line 685 column 9 - Info: <td> previously mentioned
line 700 column 1432 - Warning: discarding unexpected </font>
line 703 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 705 column 9 - Warning: missing <tr>
line 723 column 13 - Warning: missing <tr>
line 724 column 102 - Warning: unescaped & or unknown entity "&postid"
line 726 column 74 - Warning: <style> isn't allowed in <td> elements
line 726 column 9 - Info: <td> previously mentioned
line 731 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 733 column 9 - Warning: missing <tr>
line 735 column 147 - Warning: <font> unexpected or duplicate quote mark
line 735 column 147 - Warning: <font> attribute with missing trailing quote mark
line 751 column 13 - Warning: missing <tr>
line 752 column 102 - Warning: unescaped & or unknown entity "&postid"
line 754 column 74 - Warning: <style> isn't allowed in <td> elements
line 754 column 9 - Info: <td> previously mentioned
line 754 column 844 - Warning: missing </div>
line 761 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 763 column 9 - Warning: missing <tr>
line 781 column 13 - Warning: missing <tr>
line 782 column 102 - Warning: unescaped & or unknown entity "&postid"
line 792 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 794 column 9 - Warning: missing <tr>
line 796 column 147 - Warning: <font> unexpected or duplicate quote mark
line 796 column 147 - Warning: <font> attribute with missing trailing quote mark
line 812 column 13 - Warning: missing <tr>
line 813 column 102 - Warning: unescaped & or unknown entity "&postid"
line 815 column 74 - Warning: <style> isn't allowed in <td> elements
line 815 column 9 - Info: <td> previously mentioned
line 815 column 844 - Warning: missing </div>
line 825 column 17 - Warning: missing <tr>
line 825 column 17 - Warning: discarding unexpected <table>
line 828 column 35 - Warning: missing <tr>
line 828 column 97 - Warning: unescaped & or unknown entity "&page"
line 828 column 50 - Warning: missing </font> before </td>
line 828 column 132 - Warning: missing </font> before </table>
line 830 column 35 - Warning: missing <tr>
line 830 column 50 - Warning: missing </font> before </td>
line 831 column 37 - Warning: unescaped & or unknown entity "&id"
line 830 column 185 - Warning: missing </font> before </table>
line 832 column 17 - Warning: discarding unexpected </textarea>
line 832 column 28 - Warning: discarding unexpected </form>
line 832 column 35 - Warning: discarding unexpected </embed>
line 832 column 43 - Warning: discarding unexpected </noembed>
line 832 column 53 - Warning: discarding unexpected </noscript>
line 832 column 64 - Warning: discarding unexpected </noembed>
line 832 column 74 - Warning: discarding unexpected </embed>
line 832 column 82 - Warning: discarding unexpected </table>
line 832 column 90 - Warning: discarding unexpected </table>
line 834 column 9 - Warning: missing </font> before <table>
line 846 column 25 - Warning: discarding unexpected </font>
line 855 column 57 - Warning: discarding unexpected </font>
line 833 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 416 - Warning: <img> proprietary attribute value "absmiddle"
line 184 column 416 - Warning: <img> lacks "alt" attribute
line 199 column 1552 - Warning: <img> proprietary attribute value "absmiddle"
line 199 column 1552 - Warning: <img> lacks "alt" attribute
line 209 column 23 - Warning: <img> lacks "alt" attribute
line 209 column 64 - Warning: <img> lacks "alt" attribute
line 209 column 113 - Warning: <img> lacks "alt" attribute
line 209 column 163 - Warning: <img> lacks "alt" attribute
line 210 column 11 - Warning: <img> lacks "alt" attribute
line 220 column 15 - Warning: <img> lacks "alt" attribute
line 236 column 11 - Warning: <img> lacks "alt" attribute
line 237 column 23 - Warning: <img> lacks "alt" attribute
line 237 column 64 - Warning: <img> lacks "alt" attribute
line 237 column 113 - Warning: <img> lacks "alt" attribute
line 237 column 163 - Warning: <img> lacks "alt" attribute
line 238 column 11 - Warning: <img> lacks "alt" attribute
line 248 column 15 - Warning: <img> lacks "alt" attribute
line 257 column 610 - Warning: <img> lacks "alt" attribute
line 258 column 744 - Warning: <img> lacks "alt" attribute
line 267 column 23 - Warning: <img> lacks "alt" attribute
line 267 column 64 - Warning: <img> lacks "alt" attribute
line 267 column 113 - Warning: <img> lacks "alt" attribute
line 267 column 163 - Warning: <img> lacks "alt" attribute
line 268 column 11 - Warning: <img> lacks "alt" attribute
line 278 column 15 - Warning: <img> lacks "alt" attribute
line 303 column 2301 - Warning: <img> proprietary attribute value "absmiddle"
line 303 column 2301 - Warning: <img> lacks "alt" attribute
line 310 column 11 - Warning: <img> lacks "alt" attribute
line 311 column 23 - Warning: <img> lacks "alt" attribute
line 311 column 64 - Warning: <img> lacks "alt" attribute
line 311 column 113 - Warning: <img> lacks "alt" attribute
line 311 column 163 - Warning: <img> lacks "alt" attribute
line 312 column 11 - Warning: <img> lacks "alt" attribute
line 322 column 15 - Warning: <img> lacks "alt" attribute
line 329 column 84 - Warning: <img> proprietary attribute value "absmiddle"
line 329 column 84 - Warning: <img> lacks "alt" attribute
line 337 column 23 - Warning: <img> lacks "alt" attribute
line 337 column 64 - Warning: <img> lacks "alt" attribute
line 337 column 113 - Warning: <img> lacks "alt" attribute
line 337 column 163 - Warning: <img> lacks "alt" attribute
line 338 column 11 - Warning: <img> lacks "alt" attribute
line 348 column 15 - Warning: <img> lacks "alt" attribute
line 368 column 11 - Warning: <img> lacks "alt" attribute
line 369 column 23 - Warning: <img> lacks "alt" attribute
line 369 column 64 - Warning: <img> lacks "alt" attribute
line 369 column 113 - Warning: <img> lacks "alt" attribute
line 369 column 163 - Warning: <img> lacks "alt" attribute
line 370 column 11 - Warning: <img> lacks "alt" attribute
line 380 column 15 - Warning: <img> lacks "alt" attribute
line 390 column 725 - Warning: <img> lacks "alt" attribute
line 391 column 859 - Warning: <img> lacks "alt" attribute
line 400 column 23 - Warning: <img> lacks "alt" attribute
line 400 column 64 - Warning: <img> lacks "alt" attribute
line 400 column 113 - Warning: <img> lacks "alt" attribute
line 400 column 163 - Warning: <img> lacks "alt" attribute
line 401 column 11 - Warning: <img> lacks "alt" attribute
line 411 column 15 - Warning: <img> lacks "alt" attribute
line 429 column 11 - Warning: <img> lacks "alt" attribute
line 430 column 23 - Warning: <img> lacks "alt" attribute
line 430 column 64 - Warning: <img> lacks "alt" attribute
line 430 column 113 - Warning: <img> lacks "alt" attribute
line 430 column 163 - Warning: <img> lacks "alt" attribute
line 431 column 11 - Warning: <img> lacks "alt" attribute
line 441 column 15 - Warning: <img> lacks "alt" attribute
line 456 column 17 - Warning: <img> lacks "alt" attribute
line 457 column 23 - Warning: <img> lacks "alt" attribute
line 457 column 64 - Warning: <img> lacks "alt" attribute
line 457 column 112 - Warning: <img> lacks "alt" attribute
line 457 column 162 - Warning: <img> lacks "alt" attribute
line 458 column 11 - Warning: <img> lacks "alt" attribute
line 468 column 15 - Warning: <img> lacks "alt" attribute
line 475 column 437 - Warning: <img> lacks "alt" attribute
line 475 column 557 - Warning: <img> proprietary attribute value "absmiddle"
line 475 column 557 - Warning: <img> lacks "alt" attribute
line 481 column 1210 - Warning: <img> lacks "alt" attribute
line 481 column 1301 - Warning: <img> lacks "alt" attribute
line 490 column 11 - Warning: <font> attribute "color" has invalid value "orange"
line 491 column 23 - Warning: <img> lacks "alt" attribute
line 491 column 64 - Warning: <img> lacks "alt" attribute
line 491 column 113 - Warning: <img> lacks "alt" attribute
line 491 column 162 - Warning: <img> lacks "alt" attribute
line 492 column 11 - Warning: <img> lacks "alt" attribute
line 502 column 15 - Warning: <img> lacks "alt" attribute
line 510 column 1971 - Warning: <div> anchor "ddrainepostbottom" already defined
line 517 column 11 - Warning: <img> lacks "alt" attribute
line 518 column 23 - Warning: <img> lacks "alt" attribute
line 518 column 64 - Warning: <img> lacks "alt" attribute
line 518 column 113 - Warning: <img> lacks "alt" attribute
line 518 column 163 - Warning: <img> lacks "alt" attribute
line 519 column 11 - Warning: <img> lacks "alt" attribute
line 529 column 15 - Warning: <img> lacks "alt" attribute
line 536 column 940 - Warning: <font> attribute "color" had invalid value "f0b030" and has been replaced
line 536 column 973 - Warning: <font> attribute "color" had invalid value "f0b030" and has been replaced
line 536 column 1038 - Warning: <font> attribute "color" had invalid value "f0b030" and has been replaced
line 537 column 1 - Warning: <font> attribute "color" had invalid value "f0b030" and has been replaced
line 540 column 1205 - Warning: <img> proprietary attribute value "absmiddle"
line 540 column 1205 - Warning: <img> lacks "alt" attribute
line 542 column 1278 - Warning: <img> proprietary attribute value "absmiddle"
line 542 column 1278 - Warning: <img> lacks "alt" attribute
line 550 column 11 - Warning: <img> lacks "alt" attribute
line 551 column 23 - Warning: <img> lacks "alt" attribute
line 551 column 64 - Warning: <img> lacks "alt" attribute
line 551 column 113 - Warning: <img> lacks "alt" attribute
line 551 column 163 - Warning: <img> lacks "alt" attribute
line 552 column 11 - Warning: <img> lacks "alt" attribute
line 562 column 15 - Warning: <img> lacks "alt" attribute
line 569 column 939 - Warning: <font> attribute "color" had invalid value "f0b030" and has been replaced
line 572 column 1139 - Warning: <img> proprietary attribute value "absmiddle"
line 572 column 1139 - Warning: <img> lacks "alt" attribute
line 579 column 16 - Warning: <img> proprietary attribute value "absmiddle"
line 579 column 16 - Warning: <img> lacks "alt" attribute
line 579 column 59 - Warning: <img> proprietary attribute value "absmiddle"
line 579 column 59 - Warning: <img> lacks "alt" attribute
line 579 column 102 - Warning: <img> proprietary attribute value "absmiddle"
line 579 column 102 - Warning: <img> lacks "alt" attribute
line 579 column 145 - Warning: <img> proprietary attribute value "absmiddle"
line 579 column 145 - Warning: <img> lacks "alt" attribute
line 579 column 188 - Warning: <img> proprietary attribute value "absmiddle"
line 579 column 188 - Warning: <img> lacks "alt" attribute
line 579 column 231 - Warning: <img> proprietary attribute value "absmiddle"
line 579 column 231 - Warning: <img> lacks "alt" attribute
line 580 column 23 - Warning: <img> lacks "alt" attribute
line 580 column 64 - Warning: <img> lacks "alt" attribute
line 580 column 113 - Warning: <img> lacks "alt" attribute
line 580 column 162 - Warning: <img> lacks "alt" attribute
line 581 column 11 - Warning: <img> lacks "alt" attribute
line 591 column 15 - Warning: <img> lacks "alt" attribute
line 600 column 393 - Warning: <img> proprietary attribute value "absmiddle"
line 600 column 393 - Warning: <img> lacks "alt" attribute
line 608 column 23 - Warning: <img> lacks "alt" attribute
line 608 column 64 - Warning: <img> lacks "alt" attribute
line 608 column 113 - Warning: <img> lacks "alt" attribute
line 608 column 163 - Warning: <img> lacks "alt" attribute
line 609 column 11 - Warning: <img> lacks "alt" attribute
line 619 column 15 - Warning: <img> lacks "alt" attribute
line 626 column 854 - Warning: <img> proprietary attribute value "absmiddle"
line 626 column 854 - Warning: <img> lacks "alt" attribute
line 659 column 2509 - Warning: <img> proprietary attribute value "absmiddle"
line 659 column 2509 - Warning: <img> lacks "alt" attribute
line 666 column 11 - Warning: <img> lacks "alt" attribute
line 667 column 23 - Warning: <img> lacks "alt" attribute
line 667 column 64 - Warning: <img> lacks "alt" attribute
line 667 column 113 - Warning: <img> lacks "alt" attribute
line 667 column 163 - Warning: <img> lacks "alt" attribute
line 668 column 11 - Warning: <img> lacks "alt" attribute
line 678 column 15 - Warning: <img> lacks "alt" attribute
line 708 column 23 - Warning: <img> lacks "alt" attribute
line 708 column 64 - Warning: <img> lacks "alt" attribute
line 708 column 113 - Warning: <img> lacks "alt" attribute
line 708 column 163 - Warning: <img> lacks "alt" attribute
line 709 column 11 - Warning: <img> lacks "alt" attribute
line 719 column 15 - Warning: <img> lacks "alt" attribute
line 728 column 1260 - Warning: <img> proprietary attribute value "absmiddle"
line 728 column 1260 - Warning: <img> lacks "alt" attribute
line 735 column 11 - Warning: <img> lacks "alt" attribute
line 736 column 23 - Warning: <img> lacks "alt" attribute
line 736 column 64 - Warning: <img> lacks "alt" attribute
line 736 column 113 - Warning: <img> lacks "alt" attribute
line 736 column 163 - Warning: <img> lacks "alt" attribute
line 737 column 11 - Warning: <img> lacks "alt" attribute
line 747 column 15 - Warning: <img> lacks "alt" attribute
line 754 column 939 - Warning: <font> attribute "color" had invalid value "f0b030" and has been replaced
line 754 column 1035 - Warning: <img> proprietary attribute value "absmiddle"
line 754 column 1035 - Warning: <img> lacks "alt" attribute
line 754 column 1090 - Warning: <img> proprietary attribute value "absmiddle"
line 754 column 1090 - Warning: <img> lacks "alt" attribute
line 765 column 16 - Warning: <img> proprietary attribute value "absmiddle"
line 765 column 16 - Warning: <img> lacks "alt" attribute
line 765 column 59 - Warning: <img> proprietary attribute value "absmiddle"
line 765 column 59 - Warning: <img> lacks "alt" attribute
line 765 column 102 - Warning: <img> proprietary attribute value "absmiddle"
line 765 column 102 - Warning: <img> lacks "alt" attribute
line 765 column 145 - Warning: <img> proprietary attribute value "absmiddle"
line 765 column 145 - Warning: <img> lacks "alt" attribute
line 765 column 188 - Warning: <img> proprietary attribute value "absmiddle"
line 765 column 188 - Warning: <img> lacks "alt" attribute
line 765 column 231 - Warning: <img> proprietary attribute value "absmiddle"
line 765 column 231 - Warning: <img> lacks "alt" attribute
line 766 column 23 - Warning: <img> lacks "alt" attribute
line 766 column 64 - Warning: <img> lacks "alt" attribute
line 766 column 113 - Warning: <img> lacks "alt" attribute
line 766 column 162 - Warning: <img> lacks "alt" attribute
line 767 column 11 - Warning: <img> lacks "alt" attribute
line 777 column 15 - Warning: <img> lacks "alt" attribute
line 784 column 500 - Warning: <img> proprietary attribute value "absmiddle"
line 784 column 500 - Warning: <img> lacks "alt" attribute
line 784 column 555 - Warning: <img> proprietary attribute value "absmiddle"
line 784 column 555 - Warning: <img> lacks "alt" attribute
line 796 column 11 - Warning: <img> lacks "alt" attribute
line 797 column 23 - Warning: <img> lacks "alt" attribute
line 797 column 64 - Warning: <img> lacks "alt" attribute
line 797 column 113 - Warning: <img> lacks "alt" attribute
line 797 column 163 - Warning: <img> lacks "alt" attribute
line 798 column 11 - Warning: <img> lacks "alt" attribute
line 808 column 15 - Warning: <img> lacks "alt" attribute
line 815 column 939 - Warning: <font> attribute "color" had invalid value "f0b030" and has been replaced
line 831 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 831 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 831 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 840 column 25 - Warning: <img> lacks "alt" attribute
line 845 column 267 - Warning: <img> lacks "alt" attribute
line 475 column 363 - Warning: trimming empty <font>
line 536 column 940 - Warning: trimming empty <font>
line 825 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 177 column 27 - Warning: <nobr> is not approved by W3C
line 225 column 27 - Warning: <nobr> is not approved by W3C
line 253 column 27 - Warning: <nobr> is not approved by W3C
line 255 column 74 - Warning: <table> proprietary attribute "height"
line 255 column 74 - Warning: <table> proprietary attribute "background"
line 283 column 27 - Warning: <nobr> is not approved by W3C
line 327 column 27 - Warning: <nobr> is not approved by W3C
line 353 column 27 - Warning: <nobr> is not approved by W3C
line 385 column 27 - Warning: <nobr> is not approved by W3C
line 387 column 74 - Warning: <table> proprietary attribute "height"
line 387 column 74 - Warning: <table> proprietary attribute "background"
line 416 column 27 - Warning: <nobr> is not approved by W3C
line 446 column 27 - Warning: <nobr> is not approved by W3C
line 473 column 27 - Warning: <nobr> is not approved by W3C
line 480 column 858 - Warning: <td> proprietary attribute "background"
line 507 column 27 - Warning: <nobr> is not approved by W3C
line 534 column 27 - Warning: <nobr> is not approved by W3C
line 567 column 27 - Warning: <nobr> is not approved by W3C
line 596 column 27 - Warning: <nobr> is not approved by W3C
line 598 column 74 - Warning: <table> proprietary attribute "height"
line 624 column 27 - Warning: <nobr> is not approved by W3C
line 683 column 27 - Warning: <nobr> is not approved by W3C
line 724 column 27 - Warning: <nobr> is not approved by W3C
line 752 column 27 - Warning: <nobr> is not approved by W3C
line 782 column 27 - Warning: <nobr> is not approved by W3C
line 784 column 74 - Warning: <table> proprietary attribute "height"
line 813 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 413 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