Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

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

January 22, 2021, 06:14:28 PM

Login with username, password and session length
Members
Stats
  • Total Posts: 191741
  • Total Topics: 20939
  • Online Today: 62
  • Online Ever: 1035
  • (November 26, 2020, 04:45:12 AM)
Users Online
Users: 0
Guests: 42
Total: 42

Author Topic: Top Block Display Issue  (Read 6090 times)

0 Members and 1 Guest are viewing this topic.

Offline stipchaser

  • Jr. Member
  • **
  • Posts: 19
    • UnifiedgamerZ
Top Block Display Issue
« on: July 07, 2010, 02:14:45 PM »
Greetings,

I have TinyPortal v1.0 beta 4 installed on SMF 1.1.11 and I have recently created some custom buttons that I am displaying in the "Top Block". The buttons are links to various things on and off the site. The issue I am experiencing is that when you make your browser window smaller the buttons are being forced to move onto thew next line so to speak as shown below:



Results of when your browser is sized smaller:



Is there something I can do to make the buttons stay in line when a browser window is re-sized?

As always any feedback is always appreciated I hope I posted in the correct place for my first post at the new site?
« Last Edit: July 12, 2010, 03:55:30 PM by ZarPrime »

Offline ZarPrime

  • Friends
  • *
  • Posts: 4653
Re: Top Block Display Issue
« Reply #1 on: July 08, 2010, 08:44:57 PM »
stipchaser,

I just looked at your site and I must admit that it looks very nice.  However, I was viewing it with both a 1280px X 800px screen resolution and a 1280px X 1024px resolution.  IMHO, your content is way too wide for most people as most users still use 1024px X 768px (the most popular).  Even with the screens I was viewing your site on, I got scroll bars at the bottom.  I just thought I would let you know that.

As for your question about the buttons you created for the top block (I assume you were talking about the 4 buttons that say Forum Rules to About Us), they should show up correctly on fairly low resolutions despite the fact that they are very large images.  However, it seems that they aren't showing correctly in the block.  If you would please post the code you are using in that block, one of us will gladly check it on one of our test sites it to make sure it is formatted correctly.  Just post the code here using the [ code ] tags and one of us will take a look at it.

ZarPrime

Offline stipchaser

  • Jr. Member
  • **
  • Posts: 19
    • UnifiedgamerZ
Re: Top Block Display Issue
« Reply #2 on: July 08, 2010, 10:35:42 PM »
Well I was just using the html-javascript choice for each block and displaying 1 button in each block:

Code: [Select]
<div align="center"><a href="http://unifiedgamerz.com/index.php?page=2"><img src="newsimgs/rulesbtn.png" alt="rules button"></a></div>
with the panel settings :

View blocks horizontally and force the width 168px X height 58px. I used some blank blocks at the beginning of the row to center it.  If I use percentage settings for the height and width then the scroll bars show up on each button but I am able to change the size of the browser window with out the buttons being forced to the next line.

Also I have the forum > settings > frontpage set to 0 which means 100% and what ever content that comes up in the "news block" dictates the width of the forum while it is being displayed. So the forum width changes as the content of the "news block" changes? Is there a way to change how wide the forum views with out changing all the content? Because when I change the settings described above it makes everything look weird lol! I don't know if there is a simple fix for all this but thank you for your response I hope this info will help?
« Last Edit: July 08, 2010, 11:05:44 PM by stipchaser »

Offline ZarPrime

  • Friends
  • *
  • Posts: 4653
Re: Top Block Display Issue
« Reply #3 on: July 09, 2010, 04:52:57 PM »
I can't see the buttons as a guest.  I suppose you have to be logged in to see them.  Why don't you put the code for all 4 buttons in one single block instead and you can center them with center tags.  That way, the only way that one of the buttons should drop to the next line is if the browser is just way too small to show all 4 of them on the same line.

ZarPrime

Offline stipchaser

  • Jr. Member
  • **
  • Posts: 19
    • UnifiedgamerZ
Re: Top Block Display Issue
« Reply #4 on: July 12, 2010, 10:53:44 AM »
Thanks for your assistance, what I did to work around this issue was move the buttons to the "upper block" which did not reach the to the width of the forum on each side like the "top block" does. So basically it took care of the issue of the buttons being forced down and now they are centered perfectly...

Thanks again for your support it as always is very appreciated!

Offline ZarPrime

  • Friends
  • *
  • Posts: 4653
Re: Top Block Display Issue
« Reply #5 on: July 12, 2010, 03:55:18 PM »
stipchaser,

Excellent.  I am glad that you were able to solve the problem.  I will mark this topic solved. O0

ZarPrime