Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

 
Advanced search

1402060 Posts in 68030 Topics- by 61614 Members - Latest Member: mertkasar

August 12, 2022, 04:50:54 PM

Need hosting? Check out Digital Ocean
(more details in this thread)
TIGSource ForumsCommunityTownhallForum IssuesForum Width
Pages: [1] 2
Print
Author Topic: Forum Width  (Read 7740 times)
Geti
Level 10
*****



View Profile WWW
« on: July 13, 2014, 04:01:56 PM »

Any reason the forum is now super wide on widescreen monitors? Text with a high number of words per line is quite hard to read, if the intention is to make it more usable on 1080p and higher monitors it'd be great if the default zoom was a bit higher (or the font sizes increased with horizontal width). I didn't mind the old predictable size though; made for easy rules like setting width=700 for images you didn't want accompanied by a scrollbar.
« Last Edit: July 13, 2014, 06:21:59 PM by Derek » Logged

Captain Uzi
Level 0
**


I once ate an air...Once.


View Profile
« Reply #1 on: July 13, 2014, 04:31:03 PM »

Any reason the forum is now super wide on widescreen monitors? Text with a high number of words per line is quite hard to read, if the intention is to make it more usable on 1080p and higher monitors it'd be great if the default zoom was a bit higher (or the font sizes increased with horizontal width). I didn't mind the old predictable size though; made for easy rules like setting width=700 for images you didn't want accompanied by a scrollbar.

Wondering this too, it looks weird on my widescreen monitor now and kinda hurts my eyes.
Logged
Impmaster
Level 10
*****


Scary, isn't it?


View Profile WWW
« Reply #2 on: July 13, 2014, 05:20:20 PM »

It looks weird on my laptop as well. That's like 720p.
Logged

Do I need a signature? Wait, now that I have a Twitter I do: https://twitter.com/theimpmaster
ThemsAllTook
Administrator
Level 10
******



View Profile WWW
« Reply #3 on: July 13, 2014, 06:02:36 PM »

I preferred the old width too. Wide blocks of text are uncomfortable to read.
Logged

Uykered
Guest
« Reply #4 on: July 13, 2014, 06:18:23 PM »

Ya especially on 2560 and 4k width...
Logged
Derek
Bastich
Administrator
Level 10
******



View Profile WWW
« Reply #5 on: July 13, 2014, 06:27:08 PM »

Split into a new thread, because it deserves it and also because this is an admin issue rather than a moderator one.

I changed this because of the number of large screenshots that were getting scrollbar'd, especially on the DevLogs.

Maybe I should set a max width, though? What would be the ideal size for that (previous width was 900px)?
Logged
eigenbom
Level 10
*****


@eigenbom


View Profile WWW
« Reply #6 on: July 13, 2014, 07:11:03 PM »

Argh so wide! I preferred the old fixed width, or maybe I just got used to it.
Logged

Blademasterbobo
Level 10
*****


dum


View Profile
« Reply #7 on: July 13, 2014, 07:52:17 PM »

could the text / picture size be different values? if no then 900px.
Logged

Hand Point Left Hand Shake Left Hand Thumbs Down Left Hand Thumbs Up Left Bro Fist Left Hand Metal Left Toast Left Hand Fork Left Hand Money Left Hand Clap Hand Any Key Tiger Hand Joystick Hand Pencil Hand Money Right Hand Knife Right Toast Right Hand Metal Right Bro Fist Right Hand Thumbs Up Right Hand Thumbs Down Right Hand Shake Right Hand Point Right
Schoq
Level 10
*****


♡∞


View Profile WWW
« Reply #8 on: July 13, 2014, 07:58:01 PM »

Make posts expand for images or auto size them down or something. anything but three dozen words on a line

Just google optimal column width or something and see that everyone in the world agrees this is hella uncomfortable
Logged

♡ ♥ make games, not money ♥ ♡
Geti
Level 10
*****



View Profile WWW
« Reply #9 on: July 13, 2014, 08:24:37 PM »

Fwiw polycount.com forums handle large images quite well - shrinks them down into a fixed width, with a "click here to expand this" bar at the top, (like [img=http://grab.by/yxoI]http://so[/img]) which I imagine you could probably do entirely in css these days, but otherwise with a tiny script.
Logged

FARTRON
Level 4
****


the last man in space


View Profile WWW
« Reply #10 on: July 13, 2014, 10:05:56 PM »

The problem isn't px it's em. The longer the lines of text the more strain on the eye to find its place. More px is fine if font size is increased proportionately.
Logged

Everything that was once directly lived has receded into a representation. - debord
Sik
Level 10
*****


View Profile WWW
« Reply #11 on: July 13, 2014, 10:16:47 PM »

Actually, I took a quick look at the stylesheet and the problem is px - all the font-size parameters are measured in pixels (save a couple whose value is "100%"). If the values were measured in em or rem, it would be less of an issue (and images get measured in pixels by default anyway). This assumes browsers have larger sizes on em on larger resolutions, I don't know if that's the case.

Also the image issue could be solved with CSS using something like this:
Code:
img { max-width: 100%; }
That ensures images can't be larger than the width of the container (smaller images will be left untouched). Make sure to not assign the height though if you want to keep the proportions.
Logged
Ant
Guest
« Reply #12 on: July 14, 2014, 01:51:35 AM »

ew pls change forum back
Logged
Armageddon
Level 6
*



View Profile
« Reply #13 on: July 14, 2014, 02:07:16 AM »

I can't read anything. Angry
Logged

medieval
Guest
« Reply #14 on: July 14, 2014, 02:38:51 AM »

complainy pants. its not half bad.
Logged
Irock
Level 5
*****


why's my avatar so big


View Profile WWW
« Reply #15 on: July 14, 2014, 04:24:25 AM »

It was kinda unusable yesterday without a max-width, but now it's great.

I'd recommend making the user info area (the part with the avatar and stuff) a fixed pixel width rather than percentage based. Seems much too large now.
Logged

Armageddon
Level 6
*



View Profile
« Reply #16 on: July 15, 2014, 01:33:40 AM »

complainy pants. its not half bad.
Not half bad. But it could be perfect. Smiley
Logged

Derek
Bastich
Administrator
Level 10
******



View Profile WWW
« Reply #17 on: July 15, 2014, 08:16:28 AM »

It was kinda unusable yesterday without a max-width, but now it's great.

I'd recommend making the user info area (the part with the avatar and stuff) a fixed pixel width rather than percentage based. Seems much too large now.

Cool! Yeah, now it's 770px-1100px, so the site should look better on low res screens but you should also be able to see more of big images when you're wide (without it getting stretched too big).

Regarding the user info area, what's the best way to combine pixel and percentage?

Also the image issue could be solved with CSS using something like this:
Code:
img { max-width: 100%; }
That ensures images can't be larger than the width of the container (smaller images will be left untouched). Make sure to not assign the height though if you want to keep the proportions.

So what I opted to do was make it so that when you click and hold on an image in a post (img:active), it will set this property, making the image fully visible. Ideally, you'd just click once and it would toggle (Polycount style), but I'm not sure how to accomplish that in css.

You can test it on this image once it goes live after a few hours (there's a lag between me saving the change and it going live):



Image taken from the Ultima Ratio Regum devlog.
Logged
Irock
Level 5
*****


why's my avatar so big


View Profile WWW
« Reply #18 on: July 15, 2014, 09:33:57 AM »

It was kinda unusable yesterday without a max-width, but now it's great.

I'd recommend making the user info area (the part with the avatar and stuff) a fixed pixel width rather than percentage based. Seems much too large now.

Cool! Yeah, now it's 770px-1100px, so the site should look better on low res screens but you should also be able to see more of big images when you're wide (without it getting stretched too big).

Regarding the user info area, what's the best way to combine pixel and percentage?

I don't have a ton of experience with tables, but I think you should be able to define the width of the left column (the user area) in pixels, remove the width definition for the right column (the post area) and it'll properly expand to fit the table width.
Logged

Geti
Level 10
*****



View Profile WWW
« Reply #19 on: July 15, 2014, 10:46:10 PM »

Quote
So what I opted to do was make it so that when you click and hold on an image in a post (img:active), it will set this property, making the image fully visible.
I feel like this would be better in reverse (so you click to see detail, and see an overview otherwise), but either way it's a good way of handling it. If you can pull the image to the front when clicked as well that could be ever better, I can't rememeber how easy that stuff is though.
Logged

Pages: [1] 2
Print
Jump to:  

Theme orange-lt created by panic