Hard Light Productions Forums

Site Management => Site Support / Feedback => Topic started by: Sushi on September 21, 2010, 10:53:42 am

Title: Fixing highlight alignment
Post by: Sushi on September 21, 2010, 10:53:42 am
The highlight alignment is all messed up on the main page (http://www.hard-light.net/), at least when using recent Firefox versions. You've probably noticed it: instead of the 4 highlights being on an even grid, the third and fourth ones are on their own rows.

An easy fix:

Update the .forum_highlights CSS class to have height: 11.5em and background-color: #222222. Looks much better.

I can't say how this affects Internet Explorer since it currently doesn't work on this system.
Title: Re: Fixing highlight alignment
Post by: headdie on September 21, 2010, 01:19:35 pm
just had a look on mine and looks like it might be a global problem

Browser: Chrome
Resolution: 1280 x 960

[attachment deleted by admin]
Title: Re: Fixing highlight alignment
Post by: FUBAR-BDHR on September 21, 2010, 02:38:26 pm
That alignment issue has been around for ages.  JAD text is long pushing the entry below it down.  The easy fix is to either add space to the entry next to it to make it even or get the pitchforks and torches out after Axem until he comes up with a shorter description. 
Title: Re: Fixing highlight alignment
Post by: Sushi on September 21, 2010, 03:07:23 pm
That alignment issue has been around for ages.  JAD text is long pushing the entry below it down.  The easy fix is to either add space to the entry next to it to make it even or get the pitchforks and torches out after Axem until he comes up with a shorter description. 

Or, we fix the page rendering to handle different text lengths more effectively...
Title: Re: Fixing highlight alignment
Post by: Shade on September 21, 2010, 03:08:26 pm
Yes... Axem. Blame Axem.

Changed the text to unbreak the main page until this issue is resolved.
Title: Re: Fixing highlight alignment
Post by: Axem on September 21, 2010, 05:56:26 pm
 :(
Title: Re: Fixing highlight alignment
Post by: Goober5000 on September 21, 2010, 07:25:57 pm
Or, we fix the page rendering to handle different text lengths more effectively...
This is the core issue.  The highlights will only line up correctly if they have the same height.  The height is determined by the number of lines of text in the highlight.  And unfortunately, the number of lines of text varies with screen resolution.
Title: Re: Fixing highlight alignment
Post by: Sushi on September 21, 2010, 07:51:25 pm
Or, we fix the page rendering to handle different text lengths more effectively...
This is the core issue.  The highlights will only line up correctly if they have the same height.  The height is determined by the number of lines of text in the highlight.  And unfortunately, the number of lines of text varies with screen resolution.

With screen resolution? How? It may depend on your font size, but that's different. :) And if you use em sizes, you can be pretty independent of that too.

Another option is to render the highlights using tables (or divs acting like tables) instead of rendering them as an unordered list.
Title: Re: Fixing highlight alignment
Post by: NGTM-1R on September 28, 2010, 04:25:46 pm
And unfortunately, the number of lines of text varies with screen resolution.

You must mean something different, because then it would vary if I resized the window. Which it does not.
Title: Re: Fixing highlight alignment
Post by: Goober5000 on September 29, 2010, 01:01:11 am
It did for me.  Granted I didn't physically resize the window, I viewed it on another computer with a different resolution.
Title: Re: Fixing highlight alignment
Post by: Androgeos Exeunt on September 29, 2010, 06:23:22 am
It looks fine on my end, or has it been fixedmodified already?

On a slightly related note, does any regular HLPer visit the main page anyway? I usually just jump to unread replies and navigate from there.

[attachment deleted by admin]
Title: Re: Fixing highlight alignment
Post by: headdie on September 29, 2010, 06:39:35 am
only have bookmarks for the forum and the wiki here, thing is though it's not realy for the benefit of those of us who are members already its really for the ppl looking for the FS2 community to give them a nice welcoming front from which they start to slowly navigate what the community has to offer
Title: Re: Fixing highlight alignment
Post by: Satellight on September 29, 2010, 06:41:11 am
It looks fine on my end, or has it been fixedmodified already?

On a slightly related note, does any regular HLPer visit the main page anyway? I usually just jump to unread replies and navigate from there.

But before being regular users, we came here as guests  :D First page = first impression.

I remember mine was : How professionnal it looks !  :yes:
Title: Re: Fixing highlight alignment
Post by: Shade on September 29, 2010, 07:00:07 am
It looks fine on my end, or has it been fixedmodified already?
I shortened the text in the highlight itself to unbreak the main page, at least for some resolutions. I don't think the actual issue has been dealt with, though.
Title: Re: Fixing highlight alignment
Post by: Sushi on September 29, 2010, 09:11:44 am
It looks fine on my end, or has it been fixedmodified already?
I shortened the text in the highlight itself to unbreak the main page, at least for some resolutions. I don't think the actual issue has been dealt with, though.

Again, it's not about screen resolution. That's not going to affect this. Specific browsers may render it slightly differently, and different font settings will also move things around a bit.

As I pointed out earlier, a tabular layout (instead of a flow-based one) wouldn't have this problem. That's my favored solution for now, although I'd probably settle for increased awareness among whoever makes the highlights (test that page to make sure it looks right)!
Title: Re: Fixing highlight alignment
Post by: Goober5000 on September 29, 2010, 12:05:30 pm
If someone posts an HTML patch, I'll add it to the main page.
Title: Re: Fixing highlight alignment
Post by: Androgeos Exeunt on September 30, 2010, 01:36:44 am
I remember mine was : How professionnal it looks !  :yes:

My first impression of the main page was a website that's probably a lot larger than my first impression tells me (which it is).
Title: Re: Fixing highlight alignment
Post by: CommanderDJ on October 31, 2010, 01:31:53 am
Bump for great justice. This is apparently still a problem. Any progress on this?

[attachment deleted by admin]
Title: Re: Fixing highlight alignment
Post by: Snail on October 31, 2010, 06:00:08 am
All someone has to do is make the TVWP description a bit shorter.
Title: Re: Fixing highlight alignment
Post by: Goober5000 on October 31, 2010, 11:04:00 pm
Any progress on this?

If someone posts an HTML patch, I'll add it to the main page.
Title: Re: Fixing highlight alignment
Post by: Sushi on October 31, 2010, 11:18:22 pm
Any progress on this?

If someone posts an HTML patch, I'll add it to the main page.

I did make a specific suggestion in the very first post. That would basically give 4 lines worth of room, and anything more than that would get cut off.

Of course, we still have the same basic issue: if someone added a long enough description, it could still overflow and although it wouldn't break the flow, it would get cut off and look funny. Bottom line is that whoever adds the highlights needs to make sure that they stay at 3 lines of text.
Title: Re: Fixing highlight alignment
Post by: StarSlayer on November 06, 2010, 07:44:02 pm
I suppose if people stopped taking the renegade conversation options in GD for a bit the alignment might shift back a little towards paragon...

(http://www.umnet.com/pic/diy/theme/5b0dbbe4-db40.gif)


/me flees the stage as the audience hurls empty beer bottles at him
Title: Re: Fixing highlight alignment
Post by: CommanderDJ on November 06, 2010, 09:37:10 pm
/me  applauds the Mass Effect reference.

I love Mass Effect.
Title: Re: Fixing highlight alignment
Post by: SpardaSon21 on November 06, 2010, 10:31:08 pm
HLP are still building a consensus on the matter.  We require more time.
Title: Re: Fixing highlight alignment
Post by: Goober5000 on November 06, 2010, 11:24:02 pm
I haven't been able to take care of it because I've been on vacation.  But there's really nothing stopping another admin from fixing it.
Title: Re: Fixing highlight alignment
Post by: Androgeos Exeunt on November 07, 2010, 08:43:46 am
I haven't been able to take care of it because I've been on vacation.  But there's really nothing stopping another admin from fixing it.

Is there any other admin who can fix it?