Register - Login
Views: 99369904
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-23-22 06:53:09 PM
Jul - Projects and Creations - New, better layout New poll - New thread - New reply
Next newer thread | Next older thread
Ninji

Birdo
Why did my user title say I'm a toaster anyway
Level: 88


Posts: 118/2014
EXP: 6632722
For next: 17942

Since: 07-26-07

Pronouns: he/him or they/them
From: Glasgow, Scotland

Since last post: 103 days
Last activity: 17 days
Posted on 12-15-07 10:00:48 AM (last edited by Treeki at 12-15-07 07:37 AM) Link | Quote
I didn't like my old layout and it was too bright, so I made a new one.
It's easier on the eyes, took me from #19 to #84 on sigsize.php (due to external CSS) and also now styles quotes. What do you think?

Quote examples:
Hi!

Originally posted by Treeki
Hi!

Link to nowhere: asfdadfsadfafd
The only thing I'm still trying to do is styling the <hr> in the quote boxes. Anyone know how to change it to just a solid black line?

edit: Done with styling <hr>.
Unfortunately though there's no way to make it display properly on IE7
This current layout hides the first hr by hiding all hrs in the blockquote and then showing the one after the font tag using the + selector. IE7 doesn't seem to support it.

____________________
Raccoon Sam
Member
free speech disabled
Level: 32


Posts: 44/187
EXP: 187674
For next: 18768

Since: 07-25-07

From: Somewhat

Since last post: 4.4 years
Last activity: 1.0 years
Posted on 12-15-07 07:14:02 PM Link | Quote
Works fine 'n dandy in Safari!
Good job.
Hiryuu

Level: 206


Posts: 1728/14435
EXP: 127509964
For next: 103415

Since: 07-06-07


Since last post: 11.8 years
Last activity: 11.7 years
Posted on 12-15-07 08:30:06 PM Link | Quote
Ω > U
Works fine in FF.

I'd be more interested in seeing how the collapse/expand features works, though. You don't really show how that works in your post.

____________________
Ninji

Birdo
Why did my user title say I'm a toaster anyway
Level: 88


Posts: 119/2014
EXP: 6632722
For next: 17942

Since: 07-26-07

Pronouns: he/him or they/them
From: Glasgow, Scotland

Since last post: 103 days
Last activity: 17 days
Posted on 12-15-07 11:07:28 PM Link | Quote
Originally posted by ∑ Ranko
Works fine in FF.

I'd be more interested in seeing how the collapse/expand features works, though. You don't really show how that works in your post.

Collapse/expand?

____________________
Tarale
Catgirl
C:\ DOS
C:\ DOS RUN
RUN DOS RUN
Level: 89


Posts: 130/2030
EXP: 6714021
For next: 201880

Since: 07-23-07

Pronouns: she/her

Since last post: 2.0 years
Last activity: 1.6 years
Posted on 12-17-07 12:33:16 AM Link | Quote
Looks good to me.

I am guessing with "collapse/expand" they are talking about whether your layout will expand to accommodate large amounts of text, without running over into other people's layouts/posts.

It looks to me like it should do, but I haven't looked at the code.

____________________
Ninji

Birdo
Why did my user title say I'm a toaster anyway
Level: 88


Posts: 121/2014
EXP: 6632722
For next: 17942

Since: 07-26-07

Pronouns: he/him or they/them
From: Glasgow, Scotland

Since last post: 103 days
Last activity: 17 days
Posted on 12-17-07 04:05:32 PM Link | Quote
Originally posted by Tarale
Looks good to me.

I am guessing with "collapse/expand" they are talking about whether your layout will expand to accommodate large amounts of text, without running over into other people's layouts/posts.

It looks to me like it should do, but I haven't looked at the code.

Going to test it:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque laoreet ante ac mi. Phasellus ac elit sit amet eros mattis eleifend. Aliquam euismod. Sed nec libero. Suspendisse eget nulla. Integer sit amet dolor nec ante ullamcorper rutrum. Maecenas congue. Vivamus est elit, malesuada sit amet, pellentesque eget, tincidunt et, sapien. Aenean mattis. Phasellus malesuada mattis nibh. Maecenas dolor. Nunc vel nisi. Sed facilisis libero id magna. Donec accumsan augue non elit. Phasellus tempor, mi sit amet posuere interdum, leo libero bibendum justo, ac vehicula mauris nibh scelerisque neque. Maecenas quis quam in nibh mollis vehicula.

Vivamus rutrum nulla. Donec risus. Praesent semper accumsan augue. Quisque ullamcorper, dui a convallis ultricies, metus metus pretium metus, vitae dignissim augue mauris fringilla ligula. Sed ut nisi. Aenean tincidunt condimentum neque. In eu pede a neque tempor vestibulum. In nec ipsum. Aenean mi. Sed mauris orci, faucibus vel, nonummy ut, mollis eu, urna. Sed accumsan leo sed diam. Vivamus at turpis. Nunc ut nisi. Sed accumsan, dui sed varius malesuada, ligula dui egestas leo, at dictum nisi orci iaculis sem. Curabitur consequat. Proin et eros. Duis porta adipiscing quam.

Quisque rutrum. Nunc metus est, posuere sit amet, ullamcorper vel, consequat ullamcorper, libero. In hac habitasse platea dictumst. Praesent dolor lorem, tristique et, ultricies quis, vehicula sit amet, diam. Donec dolor augue, vehicula vel, porttitor eget, rhoncus in, velit. Suspendisse varius elit ac elit aliquam pretium. Aenean enim risus, porta sit amet, dignissim quis, auctor in, felis. Nulla eleifend tincidunt eros. Aenean interdum. Aliquam ultricies metus eget nisl. Integer sit amet nunc eget dui lobortis tincidunt. Sed nonummy ipsum ut nisi. Ut magna.

Yep, seems to expand fine.

____________________
Sponty
Part boy, part car; Boycar, Protector and King of Chilladelphia
Level: 184


Posts: 204/11094
EXP: 85517154
For next: 602256

Since: 08-24-07

Pronouns: he/him
From: Canada

Since last post: 1.3 years
Last activity: 237 days
Posted on 12-17-07 04:08:05 PM (last edited by Spontaneous Madness at 12-17-07 01:08 PM) Link | Quote
Looks good

Nice and simple.
It works in IE, which I shouldn't be using

____________________
I cannot cry cause the shoulder cries more, I cannot die, I a whore for a cold world.
Next newer thread | Next older thread
Jul - Projects and Creations - New, better layout New poll - New thread - New reply


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

31 database queries, 2 query cache hits.
Query execution time:  0.085241 seconds
Script execution time:  0.014452 seconds
Total render time:  0.099693 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 300 - 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 189 - 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 176 column 13 - Warning: missing <tr>
line 177 column 99 - Warning: unescaped & or unknown entity "&postid"
line 179 column 73 - Warning: <link> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 193 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 195 column 9 - Warning: missing <tr>
line 213 column 13 - Warning: missing <tr>
line 214 column 99 - Warning: unescaped & or unknown entity "&postid"
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 240 column 13 - Warning: missing <tr>
line 241 column 99 - Warning: unescaped & or unknown entity "&postid"
line 243 column 73 - Warning: <style> isn't allowed in <td> elements
line 243 column 9 - Info: <td> previously mentioned
line 243 column 1820 - Warning: missing <tr>
line 245 column 3817 - Warning: missing <tr>
line 248 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 250 column 9 - Warning: missing <tr>
line 268 column 13 - Warning: missing <tr>
line 269 column 99 - Warning: unescaped & or unknown entity "&postid"
line 271 column 73 - Warning: <link> isn't allowed in <td> elements
line 271 column 9 - Info: <td> previously mentioned
line 277 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 279 column 9 - Warning: missing <tr>
line 297 column 13 - Warning: missing <tr>
line 298 column 99 - Warning: unescaped & or unknown entity "&postid"
line 300 column 73 - Warning: <style> isn't allowed in <td> elements
line 300 column 9 - Info: <td> previously mentioned
line 307 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 309 column 9 - Warning: missing <tr>
line 327 column 13 - Warning: missing <tr>
line 328 column 99 - Warning: unescaped & or unknown entity "&postid"
line 330 column 73 - Warning: <link> isn't allowed in <td> elements
line 330 column 9 - Info: <td> previously mentioned
line 346 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 348 column 9 - Warning: missing <tr>
line 366 column 13 - Warning: missing <tr>
line 367 column 99 - Warning: unescaped & or unknown entity "&postid"
line 372 column 672 - Warning: replacing unexpected small with </small>
line 369 column 429 - Warning: replacing unexpected small with </small>
line 372 column 768 - Warning: inserting implicit <i>
line 372 column 768 - Warning: inserting implicit <font>
line 369 column 422 - Warning: missing </small> before </td>
line 375 column 17 - Warning: missing <tr>
line 375 column 17 - Warning: discarding unexpected <table>
line 378 column 35 - Warning: missing <tr>
line 378 column 50 - Warning: missing </font> before </td>
line 378 column 91 - Warning: missing </font> before </table>
line 380 column 35 - Warning: missing <tr>
line 380 column 50 - Warning: missing </font> before </td>
line 381 column 37 - Warning: unescaped & or unknown entity "&id"
line 380 column 189 - Warning: missing </font> before </table>
line 382 column 17 - Warning: discarding unexpected </textarea>
line 382 column 28 - Warning: discarding unexpected </form>
line 382 column 35 - Warning: discarding unexpected </embed>
line 382 column 43 - Warning: discarding unexpected </noembed>
line 382 column 53 - Warning: discarding unexpected </noscript>
line 382 column 64 - Warning: discarding unexpected </noembed>
line 382 column 74 - Warning: discarding unexpected </embed>
line 382 column 82 - Warning: discarding unexpected </table>
line 382 column 90 - Warning: discarding unexpected </table>
line 384 column 9 - Warning: missing </font> before <table>
line 396 column 25 - Warning: discarding unexpected </font>
line 405 column 57 - Warning: discarding unexpected </font>
line 383 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 245 - Warning: <img> proprietary attribute value "absmiddle"
line 160 column 11 - Warning: <img> lacks "alt" attribute
line 161 column 22 - Warning: <img> lacks "alt" attribute
line 161 column 63 - Warning: <img> lacks "alt" attribute
line 161 column 112 - Warning: <img> lacks "alt" attribute
line 161 column 161 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 180 column 418 - Warning: <img> proprietary attribute value "absmiddle"
line 180 column 418 - Warning: <img> lacks "alt" attribute
line 189 column 941 - Warning: <img> proprietary attribute value "absmiddle"
line 189 column 941 - Warning: <img> lacks "alt" attribute
line 198 column 22 - Warning: <img> lacks "alt" attribute
line 198 column 63 - Warning: <img> lacks "alt" attribute
line 198 column 112 - Warning: <img> lacks "alt" attribute
line 198 column 162 - Warning: <img> lacks "alt" attribute
line 199 column 11 - Warning: <img> escaping malformed URI reference
line 199 column 11 - Warning: <img> lacks "alt" attribute
line 209 column 15 - 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 162 - Warning: <img> lacks "alt" attribute
line 236 column 15 - Warning: <img> lacks "alt" attribute
line 245 column 2266 - Warning: <img> lacks "alt" attribute
line 245 column 2415 - Warning: <img> lacks "alt" attribute
line 245 column 2552 - Warning: <img> lacks "alt" attribute
line 245 column 2699 - Warning: <img> lacks "alt" attribute
line 245 column 2864 - Warning: <img> lacks "alt" attribute
line 245 column 3049 - Warning: <img> lacks "alt" attribute
line 245 column 3196 - Warning: <img> lacks "alt" attribute
line 245 column 3359 - Warning: <img> lacks "alt" attribute
line 245 column 3501 - Warning: <img> lacks "alt" attribute
line 245 column 3643 - Warning: <img> lacks "alt" attribute
line 252 column 11 - Warning: <img> lacks "alt" attribute
line 253 column 22 - Warning: <img> lacks "alt" attribute
line 253 column 63 - Warning: <img> lacks "alt" attribute
line 253 column 112 - Warning: <img> lacks "alt" attribute
line 253 column 161 - Warning: <img> lacks "alt" attribute
line 254 column 11 - Warning: <img> lacks "alt" attribute
line 264 column 15 - Warning: <img> lacks "alt" attribute
line 282 column 22 - Warning: <img> lacks "alt" attribute
line 282 column 63 - Warning: <img> lacks "alt" attribute
line 282 column 112 - Warning: <img> lacks "alt" attribute
line 282 column 162 - Warning: <img> lacks "alt" attribute
line 283 column 11 - Warning: <img> lacks "alt" attribute
line 293 column 15 - Warning: <img> lacks "alt" attribute
line 311 column 11 - Warning: <img> lacks "alt" attribute
line 312 column 22 - Warning: <img> lacks "alt" attribute
line 312 column 63 - Warning: <img> lacks "alt" attribute
line 312 column 112 - Warning: <img> lacks "alt" attribute
line 312 column 161 - Warning: <img> lacks "alt" attribute
line 313 column 11 - Warning: <img> lacks "alt" attribute
line 323 column 15 - Warning: <img> lacks "alt" attribute
line 351 column 23 - Warning: <img> lacks "alt" attribute
line 351 column 64 - Warning: <img> lacks "alt" attribute
line 351 column 113 - Warning: <img> lacks "alt" attribute
line 351 column 163 - Warning: <img> lacks "alt" attribute
line 352 column 11 - Warning: <img> lacks "alt" attribute
line 362 column 15 - Warning: <img> lacks "alt" attribute
line 369 column 146 - Warning: <img> lacks "alt" attribute
line 369 column 295 - Warning: <img> lacks "alt" attribute
line 369 column 462 - Warning: <img> proprietary attribute value "absmiddle"
line 369 column 462 - Warning: <img> lacks "alt" attribute
line 372 column 586 - Warning: <img> proprietary attribute value "absmiddle"
line 372 column 586 - Warning: <img> lacks "alt" attribute
line 381 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 381 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 381 column 245 - Warning: <img> proprietary attribute value "absmiddle"
line 390 column 25 - Warning: <img> lacks "alt" attribute
line 395 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 372 column 768 - Warning: trimming empty <font>
line 372 column 768 - Warning: trimming empty <i>
line 375 column 17 - Warning: trimming empty <tr>
line 378 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 214 column 27 - Warning: <nobr> is not approved by W3C
line 241 column 27 - Warning: <nobr> is not approved by W3C
line 243 column 1763 - Warning: <table> proprietary attribute "height"
line 243 column 1870 - Warning: <table> proprietary attribute "height"
line 245 column 3773 - Warning: <table> proprietary attribute "height"
line 269 column 27 - Warning: <nobr> is not approved by W3C
line 298 column 27 - Warning: <nobr> is not approved by W3C
line 328 column 27 - Warning: <nobr> is not approved by W3C
line 367 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 172 warnings and 0 errors!


URIs must be properly escaped, they must not contain unescaped
characters below U+0021 including the space character and not
above U+007E. Tidy escapes the URI for you as recommended by
HTML 4.01 section B.2.1 and XML 1.0 section 4.2.2. Some user agents
use another algorithm to escape such URIs and some server-sided
scripts depend on that. If you want to depend on that, you must
escape the URI on your own. For more information please refer to
http://www.w3.org/International/O-URL-and-ident.html

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