New Header Design - Feedback, Browser Issues, Etc

Find our latest site news here. Want to contribute, have an idea or having a problem? Post your feedback here!
User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Sat Dec 22, 2012 9:26 pm

If you encounter any difficulties viewing the site (i.e. it doesn't display correctly), you will need to clear/empty your browser's cache: Here is a guide on how to clear/empty the cache for the various browsers (Chrome, IE, Firefox, Opera, Safari, etc): http://www.wikihow.com/Clear-Your-Browser's-Cache

Over the past few weeks I've been working on a new header design for the site. The current design was only supposed to be temporary but I got distracted by other things - hence we've have it for over 18 months! :D

Here's a preview of the new header design:

Image

User avatar
nino33
Mr. Goalie
Posts: 5998
Joined: Sat Aug 07, 2010 3:37 am
Custom Rank: Retro Rosters Specialist
Favourite Team: 1970s hockey

Re: New Header Design

Post by nino33 » Sat Dec 22, 2012 9:47 pm

Love it! :thup: I especially like seeing the actual EHM game screenshots!

User avatar
philou21
The Great One
Posts: 9379
Joined: Sun Nov 23, 2008 8:15 pm
Custom Rank: 24 cups!!!
Favourite Team: Colorado Avalanche
Location: Trois-Rivières, Québec

Re: New Header Design

Post by philou21 » Sat Dec 22, 2012 11:51 pm

Yup! That's cool Archi!

User avatar
batdad
The Great One
Posts: 12612
Joined: Thu Aug 17, 2006 7:46 pm
Custom Rank: Mr Technology
Favourite Team: Syracuse Bulldogs.
Location: Look behind you, you peon

Re: New Header Design

Post by batdad » Sun Dec 23, 2012 4:02 am

Two useless teams. But it looks good

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design

Post by archibalduk » Sun Dec 23, 2012 9:19 am

batdad wrote:Two useless teams. But it looks good
Ha! :D Well at least the action photo in the middle of the header changes every month - so you won't have to look at it for too long.

MWE
Challenge Moderator
Posts: 1533
Joined: Tue Sep 18, 2012 1:43 pm
Custom Rank: #1 Tom Sestito Fan
Favourite Team: Sheffield Steelers
Location: Worksop, UK

Re: New Header Design

Post by MWE » Sun Dec 23, 2012 12:39 pm

Looks great.

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 11:36 am

The new header is now live. Hopefully everybody can view it and use the drop-down menus without any issue. I have tested it fully with the latest versions of Google Chrome and Firefox. In addition, I have tested it with IE9 and have rendered it using IE7 and IE8 (but I haven't been able to test the drop-down menu with IE7 and IE8 as my testing software only allows page renders).

User avatar
CeeBee
All-Star
Posts: 1140
Joined: Tue Dec 23, 2008 12:38 pm
Location: The old guy in Chase BC Canada

Re: New Header Design - Feedback, Browser Issues, Etc

Post by CeeBee » Mon Dec 24, 2012 1:02 pm

the forum doesn't work properly with Opera. I get a great big white space under the drop down menu's that continues down to the bottom of the links on the left. Everytime I go to a new thread or post I'm staring at a great big white space and have to scroll down over a page to see the top of the forum header.

User avatar
nino33
Mr. Goalie
Posts: 5998
Joined: Sat Aug 07, 2010 3:37 am
Custom Rank: Retro Rosters Specialist
Favourite Team: 1970s hockey

Re: New Header Design - Feedback, Browser Issues, Etc

Post by nino33 » Mon Dec 24, 2012 2:49 pm

I've got some issues...at first I too got the big white space at the top, but after a minute or two that issue seems to have gone away, but sizing and headers/columns seem messed up (even at 50% zoom not everything is fitting...and what is on the screen is misaligned)

Image

Image

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 2:52 pm

CeeBee wrote:the forum doesn't work properly with Opera. I get a great big white space under the drop down menu's that continues down to the bottom of the links on the left. Everytime I go to a new thread or post I'm staring at a great big white space and have to scroll down over a page to see the top of the forum header.
Would you mind posting a screenshot?

What version of Opera are you using? I have the latest version (v12.12) and it works fine. Are you using any ad-blockers which might be blocking part of the site?

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 2:57 pm

nino33 wrote:I've got some issues...at first I too got the big white space at the top, but after a minute or two that issue seems to have gone away, but sizing and headers/columns seem messed up (even at 50% zoom not everything is fitting...and what is on the screen is misaligned)
I take it you're running IE7 or IE8. It looks like I've made some last minute change which has messed up the layout on IE7 and IE8 (it was working fine yesterday evening ](*,) ). I'm looking into it. :thup:

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 3:26 pm

archibalduk wrote:
nino33 wrote:I've got some issues...at first I too got the big white space at the top, but after a minute or two that issue seems to have gone away, but sizing and headers/columns seem messed up (even at 50% zoom not everything is fitting...and what is on the screen is misaligned)
I take it you're running IE7 or IE8. It looks like I've made some last minute change which has messed up the layout on IE7 and IE8 (it was working fine yesterday evening ](*,) ). I'm looking into it. :thup:
I made a typo in a part of the code (it seems certain browsers can self-correct the mistake, but IE7/8 doesn't like it). I've fixed it now and have re-uploaded the affected files. How does it look now?

User avatar
nino33
Mr. Goalie
Posts: 5998
Joined: Sat Aug 07, 2010 3:37 am
Custom Rank: Retro Rosters Specialist
Favourite Team: 1970s hockey

Re: New Header Design - Feedback, Browser Issues, Etc

Post by nino33 » Mon Dec 24, 2012 3:34 pm

archibalduk wrote:I've fixed it now and have re-uploaded the affected files. How does it look now?
Looks good/fixed now!

User avatar
CeeBee
All-Star
Posts: 1140
Joined: Tue Dec 23, 2008 12:38 pm
Location: The old guy in Chase BC Canada

Re: New Header Design - Feedback, Browser Issues, Etc

Post by CeeBee » Mon Dec 24, 2012 4:12 pm

looks like I've got 11.61... funny that I have not got a message to get the latest as I should. Also have it set to block unwanted pop-ups. Nothing comes up that it's blocking anything but I'll try turning it off and see if it fixes it.

User avatar
CeeBee
All-Star
Posts: 1140
Joined: Tue Dec 23, 2008 12:38 pm
Location: The old guy in Chase BC Canada

Re: New Header Design - Feedback, Browser Issues, Etc

Post by CeeBee » Mon Dec 24, 2012 4:26 pm

Weird... I turned off the popup blocker and now the search buttons are up in the header bar underneath "The Blue Line" wording and the white space is still there. Also checked for an update and it says I have the latest version. V11.61 build 1250. Looking at Nino's screenshots it seems like I have all the links running down the side instead of across the top. Thought something was not right.

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 4:45 pm

You can get v12.12 here: http://www.opera.com/

I'll see if I can grab v11.61 and take a look...

User avatar
CeeBee
All-Star
Posts: 1140
Joined: Tue Dec 23, 2008 12:38 pm
Location: The old guy in Chase BC Canada

Re: New Header Design - Feedback, Browser Issues, Etc

Post by CeeBee » Mon Dec 24, 2012 4:52 pm

I'll try and post 2 screenshots.
Image
Image

User avatar
nino33
Mr. Goalie
Posts: 5998
Joined: Sat Aug 07, 2010 3:37 am
Custom Rank: Retro Rosters Specialist
Favourite Team: 1970s hockey

Re: New Header Design - Feedback, Browser Issues, Etc

Post by nino33 » Mon Dec 24, 2012 4:57 pm

Mine now looks like CeeBee's! It was fixed...now not (but sizing's OK/still fixed in terms of screen width)

P.S. I'm not getting the EHM in-game pics ("the dots") in the banner...which I think look cool

User avatar
CeeBee
All-Star
Posts: 1140
Joined: Tue Dec 23, 2008 12:38 pm
Location: The old guy in Chase BC Canada

Re: New Header Design - Feedback, Browser Issues, Etc

Post by CeeBee » Mon Dec 24, 2012 4:58 pm

Installed 12.12 and it's still bunged up. I tried refreshing and it's still bunged. :dunno:

edit: Checked in IE 8.0.6001.18702 and it 's messed up the same as in Opera :cry:

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 7:06 pm

CeeBee wrote:Installed 12.12 and it's still bunged up. I tried refreshing and it's still bunged. :dunno:

edit: Checked in IE 8.0.6001.18702 and it 's messed up the same as in Opera :cry:
My bad. :oops: How is it now? You might need to refresh/delete your cache. Note that the search box won't be positioned quite right (currently it is on the right hand side of the header but not flush against the edge) - I'm starting over again with that.
nino33 wrote:P.S. I'm not getting the EHM in-game pics ("the dots") in the banner...which I think look cool
The function for creating that particular background uses what is known as CSS3. Internet Explorer 7 and, IIRC, 8 do not support this. You'd need to upgrade to IE9 or use a browser such as Chrome or Firefox in order to see the EHM dots.

User avatar
eric1985
First Line
Posts: 776
Joined: Sun May 18, 2008 5:48 am
Favourite Team: Vancouver Canucks
Location: Chilliwack

Re: New Header Design - Feedback, Browser Issues, Etc

Post by eric1985 » Mon Dec 24, 2012 7:12 pm

It was doing the same on IE 9. Looks fine now though, whatever you did fixed the issue :-D

User avatar
CeeBee
All-Star
Posts: 1140
Joined: Tue Dec 23, 2008 12:38 pm
Location: The old guy in Chase BC Canada

Re: New Header Design - Feedback, Browser Issues, Etc

Post by CeeBee » Mon Dec 24, 2012 7:15 pm

Looks great now :) Thanks Archi :thup:

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 7:19 pm

Thanks guys! :thup:

I've repositioned the search bar. Hopefully all is okay now. I'll test it out with Opera 11 later - it'd be nice to have some backward compatibility so everyone can visit the site okay.

User avatar
Octavian
Team Captain
Posts: 910
Joined: Mon Jul 05, 2004 7:51 pm
Custom Rank: TBL Co-Founder
Location: Ghent, Belgium

Re: New Header Design - Feedback, Browser Issues, Etc

Post by Octavian » Mon Dec 24, 2012 7:33 pm

Hi Archy,

Nice headers, to fix the search input just add

Code: Select all

float: right;
padding: 10px 0; 
to #header_titlesearch in the css file.

Merry Christmas

EDIT:
Remove the styling (including positioning: fixed) from the input!

User avatar
archibalduk
TBL Admin Team
Posts: 19462
Joined: Tue Jul 06, 2004 8:44 pm
Custom Rank: Seaside + Fruit Juice Mode
Favourite Team: Guildford (EPL) / Invicta (NIHL)
Location: United Kingdom
Contact:

Re: New Header Design - Feedback, Browser Issues, Etc

Post by archibalduk » Mon Dec 24, 2012 8:23 pm

Octavian wrote:Hi Archy,

Nice headers, to fix the search input just add

Code: Select all

float: right;
padding: 10px 0; 
to #header_titlesearch in the css file.

Merry Christmas

EDIT:
Remove the styling (including positioning: fixed) from the input!
Hi Octavian. The problem is how the different browsers handle positioning differently (which is why padding doesn't work). I'd hoped fixed positioning would fix it horizontally to the browser window, but unfortunately it also fixes it vertically too! :D The #header_titlesearch is already floated to the right, but it doesn't place the search box in the right, it just floats it to the right of the title text (but left aligned).

This seems to have done the trick:

Code: Select all

margin: 30px 5px 0px 0px;
clear:both;
float:right;
P.s. I need to drop you an email about the server fees this week. :)

Post Reply

Return to “TBL Announcements and Feedback”