HTML clean-up (was post display formatting)
Moderator: Board Staff
HTML clean-up (was post display formatting)
Am I the only one who is vaguelly annoyed that because posts have a minimum height due to avatars and other sidebar stuff that sometimes when you make a short comment you end up with a lot of empty space in your post? I'm wondering how difficult it would be (or if anyone else thinks it's a worthwhile change in the first place) to set sigs to align to the bottom of a post frame rather than just tagging along after the text regardless of how much or how little of it there is.
In html that should be as easy as adding a float tag, but I don't know how the forum software works this stuff out or how complicated the scripting change would have to be to automate that change.
Then again, it's probably just me.
In html that should be as easy as adding a float tag, but I don't know how the forum software works this stuff out or how complicated the scripting change would have to be to automate that change.
Then again, it's probably just me.
Rest In Peace ~ 1978 - 2017
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
- Mr. Tines
- Administrator
- Age: 66
- Posts: 21376
- Joined: Nov 23, 2004
- Location: This sceptered isle.
- Gender: Male
- Contact:
The .sig isn't a distinct element in the out of the box layout. A post is a td containing a span; the post content is a div inside that, followed by a break, a line of dashes, another break and the .sig content, in-line, rather than in any sort of container. So if the .sig is just unformatted text, that's just in there unwrapped.
Reminder: Play nicely <<>> My vanity publishing:- NGE|blog|Photos|retro-blog|Fanfics &c.|MAL|𝕏|🐸|🦣
Avatar: art deco Asuka
Avatar: art deco Asuka
So it would require putting the sig into a new table row, or more specifically altering the bbcode to tell it to do that. That would automatically create a subtle line break just as it does for the post date/time row and the css would handle the spacing with no need for dashes and breaks, right?
Rest In Peace ~ 1978 - 2017
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
- Ornette
- Administrator
- Age: 49
- Posts: 11887
- Joined: Dec 26, 2005
- Location: Pittsburgh/New York City
- Gender: Male
- Contact:
NemZ wrote:So it would require putting the sig into a new table row, or more specifically altering the bbcode to tell it to do that. That would automatically create a subtle line break just as it does for the post date/time row and the css would handle the spacing with no need for dashes and breaks, right?
It's more than just putting a row in a table, since rows always align upward and fill downwards, whereas you're looking for a single row to align downward, and fill upwards while all the other rows are the opposite. You're more than welcome to save this page, and play with the HTML yourself, it's something I avoid if at all possible. If you can get it to work then incorporating it into the forum template shouldn't be that difficult.
- Mr. Tines
- Administrator
- Age: 66
- Posts: 21376
- Joined: Nov 23, 2004
- Location: This sceptered isle.
- Gender: Male
- Contact:
Without hacking the HTML, this CSS
[code:1] span.postbody:first-child {
/*border: 1px solid red !important;*/
display: block;
min-height: 200px !important;
}
span.postbody:first-child>div:first-child {
/*border: 1px solid green !important;*/
display: block !important;
min-height: 130px !important;
}[/code:1]
sort of works -- the difference of 70px is the height of my .sig, so it's not a one size fits all. The generated HTML is hideous, as any sort of inspection tool will reveal.
[code:1] span.postbody:first-child {
/*border: 1px solid red !important;*/
display: block;
min-height: 200px !important;
}
span.postbody:first-child>div:first-child {
/*border: 1px solid green !important;*/
display: block !important;
min-height: 130px !important;
}[/code:1]
sort of works -- the difference of 70px is the height of my .sig, so it's not a one size fits all. The generated HTML is hideous, as any sort of inspection tool will reveal.
Reminder: Play nicely <<>> My vanity publishing:- NGE|blog|Photos|retro-blog|Fanfics &c.|MAL|𝕏|🐸|🦣
Avatar: art deco Asuka
Avatar: art deco Asuka
Wouldn't you just have to add valign="Bottom" to the new row?
...Though that would probably put the cell break right in the middle of the gap rather than above the sig cell unless you specified a fixed height for that cell... which would need to be variable for each user unless we enforced a strict sig size limit, and would still get screwed up with smaller or wider than average screens. Crap.
Yeah, nevermind, not worth the trouble. And from the lack of participation, it probably is just me anyway.
...Though that would probably put the cell break right in the middle of the gap rather than above the sig cell unless you specified a fixed height for that cell... which would need to be variable for each user unless we enforced a strict sig size limit, and would still get screwed up with smaller or wider than average screens. Crap.
Yeah, nevermind, not worth the trouble. And from the lack of participation, it probably is just me anyway.
Rest In Peace ~ 1978 - 2017
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
- Mr. Tines
- Administrator
- Age: 66
- Posts: 21376
- Joined: Nov 23, 2004
- Location: This sceptered isle.
- Gender: Male
- Contact:
Starting to look at what the current state of the HTML is, so as to see what could be done to improve matters -- and finding a lot of problems, like
- unencoded ampersands in the breadcrumbs
- multiple "--" in comments like "!------ (removed topicrow.LOCK_UNLOCK_JS ----"
- missing spaces in some of the jump-to-forum option tags
- stray /a tags
- id values starting with numerals
- copiously misused span (inline section) tags where div (block section) ought be used
- inlined Javacript not marked as CDATA
Reminder: Play nicely <<>> My vanity publishing:- NGE|blog|Photos|retro-blog|Fanfics &c.|MAL|𝕏|🐸|🦣
Avatar: art deco Asuka
Avatar: art deco Asuka
- Mr. Tines
- Administrator
- Age: 66
- Posts: 21376
- Joined: Nov 23, 2004
- Location: This sceptered isle.
- Gender: Male
- Contact:
I'm starting to make a series of incremental changes to the HTML generation for the forum.
If anyone -- especially with an exotic browser -- sees anything break, please make a report here -- http://forum.evageeks.org/thread/4368/Forum-Wackiness-Alerts-Only/
If anyone -- especially with an exotic browser -- sees anything break, please make a report here -- http://forum.evageeks.org/thread/4368/Forum-Wackiness-Alerts-Only/
Reminder: Play nicely <<>> My vanity publishing:- NGE|blog|Photos|retro-blog|Fanfics &c.|MAL|𝕏|🐸|🦣
Avatar: art deco Asuka
Avatar: art deco Asuka
- riffraff11235
- Seed of Life
- Age: 31
- Posts: 3975
- Joined: Jul 19, 2012
- Location: Long Island, New York, USA
- Gender: Male
だから みんな 死んでしまえば いいのに... では, あなたは何故, ココにいるの? ...ココにいても, いいの?
"Cogito ergo sum." - Rene Descartes
"Men do not quit playing because they grow old; they grow old because they quit playing." - Oliver Wendell Holmes
Avatar: Asuka is superior. That is all.
PSN - riffraff-11235 Feel free to add me. PM me on EGF if you do.
Steam - rifffraff11235
League of Legends - riffraff11235
Osu! - riffraff11235
"Cogito ergo sum." - Rene Descartes
"Men do not quit playing because they grow old; they grow old because they quit playing." - Oliver Wendell Holmes
Avatar: Asuka is superior. That is all.
PSN - riffraff-11235 Feel free to add me. PM me on EGF if you do.
Steam - rifffraff11235
League of Legends - riffraff11235
Osu! - riffraff11235
- pwhodges
- A Lilin in Wonderland
- Age: 77
- Posts: 11035
- Joined: Nov 18, 2012
- Location: Oxford, UK
- Contact:
Heh!
(I hope you're joining the protest about the brain-dead Opera v15)
(I hope you're joining the protest about the brain-dead Opera v15)
"Being human, having your health; that's what's important." (from: Magical Shopping Arcade Abenobashi )
"As long as we're all living, and as long as we're all having fun, that should do it, right?" (from: The Eccentric Family )
Avatar: The end of the journey (details); Past avatars.
Before 3.0+1.0 there was Afterwards... my post-Q Evangelion fanfic (discussion)
"As long as we're all living, and as long as we're all having fun, that should do it, right?" (from: The Eccentric Family )
Avatar: The end of the journey (details); Past avatars.
Before 3.0+1.0 there was Afterwards... my post-Q Evangelion fanfic (discussion)
- Sailor Star Dust
- Kept you waiting, huh?
- Age: 38
- Posts: 23063
- Joined: Aug 13, 2006
- Location: 私の中いる自分の心
- Gender: Female
- TheFriskyIan
- Lord Hamburger
- Posts: 2033
- Joined: Mar 24, 2011
- Gender: Male
It's driving me crazy. Maybe it's because I hate change, but I can't see myself getting used to this when I've been with the layout before all my time here. At least it isn't like Youtube where everything goes crazy in the change and I can't get used to it.
Please just call me Ian, "TheFrisky" is more of a title.
"Knowledge seeks no Man."
"Knowledge seeks no Man."
- Sailor Star Dust
- Kept you waiting, huh?
- Age: 38
- Posts: 23063
- Joined: Aug 13, 2006
- Location: 私の中いる自分の心
- Gender: Female
- TheFriskyIan
- Lord Hamburger
- Posts: 2033
- Joined: Mar 24, 2011
- Gender: Male
- Mr. Tines
- Administrator
- Age: 66
- Posts: 21376
- Joined: Nov 23, 2004
- Location: This sceptered isle.
- Gender: Male
- Contact:
The problem is that the forum markup is relying rather more than I had expected on not being correctly rendered according to the HTML standard; I'm currently working to fix up the most obvious places -- mostly the bits where the traditional old 1x1 spacer .gif images are being used in table cells -- before pushing another change. And that one should be almost invisible unless you look at the page source.
Reminder: Play nicely <<>> My vanity publishing:- NGE|blog|Photos|retro-blog|Fanfics &c.|MAL|𝕏|🐸|🦣
Avatar: art deco Asuka
Avatar: art deco Asuka
- Mr. Tines
- Administrator
- Age: 66
- Posts: 21376
- Joined: Nov 23, 2004
- Location: This sceptered isle.
- Gender: Male
- Contact:
The changes have now reached a first milestone, which is that
- the (user, mod) pages are rendered in standards mode rather than quirks mode (I see no real need to touch the admin pages -- they just have to work)
The markup is still fairly crufty -- validating the forum top page at the W3C (http://validator.w3.org/check?uri=http%3A%2F%2Fforum.evageeks.org%2Findex.php&charset=%28detect+automatically%29&doctype=Inline&group=0) reportsResult: 251 Errors, 39 warning(s)
but the vast majority of these are saying "it's 2013, so move your table styling into your style sheet", so addressing them shouldn't cause the sort of disruption we've seen in the last few days. - things look and work pretty much as they did before, especially on the topic view pages (you may need to flush your browser cache to pick up the script changes needed to make the double-click in-place edit work in standards mode). The doubleclick editing should now hopefully not corrupt ampersands -- there was a missing semicolon in the hand-rolled escaping code -- though non-ASCII characters will still break
- the topic view pages now render posts with semantic markup -- each post body (in the message column) is a section, containing an article for the post content and an aside for the .sig (containing the blank line and the line of underscores as well as your customized text)
This will affect any Greasemonkey userscripts or Stylish userstyles that you may be using -- I know it's broken my YouTube embedding userscript, and I shall have to test the "ignore user" userscript; however, it should make it simpler now to write these things since you can now identify post material more easily.
Reminder: Play nicely <<>> My vanity publishing:- NGE|blog|Photos|retro-blog|Fanfics &c.|MAL|𝕏|🐸|🦣
Avatar: art deco Asuka
Avatar: art deco Asuka
- Nuclear Lunchbox
- Agent Ahegao
- Age: 26
- Posts: 10623
- Joined: Dec 13, 2012
- Location: Nippon
- Gender: Male
Everything looks fine here, except for the user pages of our forum members. Everything is strangely spaced out. Rest of the stuff here is fine.
EDIT: The same thing is happening whenever I preview one of my posts.
EDIT: The same thing is happening whenever I preview one of my posts.
Shin Evangelion brought me back, five long years later.
Apophenia. Noun. The tendency to perceive a connection or meaningful pattern between unrelated or random things.
They called me the Quentin Tarantino of hentai.
The difference between a blow-up doll and a dakimakura.
Apophenia. Noun. The tendency to perceive a connection or meaningful pattern between unrelated or random things.
They called me the Quentin Tarantino of hentai.
The difference between a blow-up doll and a dakimakura.
- TheFriskyIan
- Lord Hamburger
- Posts: 2033
- Joined: Mar 24, 2011
- Gender: Male
I've been occationally getting the following error message. Did you change something again?
[code:1]Debug mode
Line : 132
File : smtp.php[/code:1]
[code:1]Debug mode
Line : 132
File : smtp.php[/code:1]
Rest In Peace ~ 1978 - 2017
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
"I'd consider myself a realist, alright? but in philosophical terms I'm what's called a pessimist. It means I'm bad at parties." - Rust Cohle
"Think of how stupid the average person is, and realize that half of 'em are stupider than that." - George Carlin
"The internet: It's like a training camp for never amounting to anything." - Oglaf
"I think internet message boards and the like are dangerous." - Anno
Return to “EvaGeeks News and Feedback”
Who is online
Users browsing this forum: No registered users and 43 guests