News: Welcome to the TinyPortal Support site.

Login  |  Register
HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

July 21, 2019, 05:28:53 PM

Login with username, password and session length

Recent

Members
Stats
  • Total Posts: 188522
  • Total Topics: 20737
  • Online Today: 221
  • Online Ever: 629
  • (November 08, 2018, 01:36:54 PM)
Users Online
Users: 1
Guests: 21
Total: 22

Author Topic: Welcome block for bigguy  (Read 1485 times)

0 Members and 1 Guest are viewing this topic.

Online lurkalot

  • Administrator
  • *
  • Posts: 6075
    • Camera Craniums
Re: Welcome block for bigguy
« Reply #30 on: April 14, 2019, 09:37:45 AM »
Nice one @rjen.  ;)

Looks great in both Firefox and Chrome.  What is the advantage using flex as opposed to the original?

I'm guessing it doesn't like IE11 as it breaks if you zoom the page. It doesn't in the other browsers.  And in Edge, this might just be mine, but the middle and right blocks lose their colours at 100% zoom, but come back at 75% for some reason. https://cctestsite.info/testsite3/index.php

Offline @rjen

  • Support Team
  • *
  • Posts: 1695
    • FJR-club Nederland
Re: Welcome block for bigguy
« Reply #31 on: April 14, 2019, 09:51:30 AM »
Flexbox is new and improved, you see it in curve2 as well . Should work in ie though, opposed to css grid, which is not supported by ie11 I think...
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline wildenborch

  • Support Team
  • *
  • Posts: 342
Re: Welcome block for bigguy
« Reply #32 on: April 15, 2019, 03:11:11 AM »
Wow, this is indeed a nice one!

Offline @rjen

  • Support Team
  • *
  • Posts: 1695
    • FJR-club Nederland
Re: Welcome block for bigguy
« Reply #33 on: April 15, 2019, 04:41:24 AM »
Nice one @rjen.  ;)

Looks great in both Firefox and Chrome.  What is the advantage using flex as opposed to the original?

I'm guessing it doesn't like IE11 as it breaks if you zoom the page. It doesn't in the other browsers.  And in Edge, this might just be mine, but the middle and right blocks lose their colours at 100% zoom, but come back at 75% for some reason. https://cctestsite.info/testsite3/index.php

Once again, I cannot fully reproduce what you are seeing: in IE11 there is indeed something funny going on, which I would need to check, but in Edge all is working as it should....
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline jernatety

  • Sr. Member
  • ****
  • Posts: 265
Re: Welcome block for bigguy
« Reply #34 on: May 08, 2019, 06:38:55 AM »
The strangest thing is happening.

This block, (the responsive code) works on my 19" screen when I resize, and it works on my phone and tablet. But at home on my 14" laptop screen it's not responsive. The right side overlaps the 3rd block and a horizontal scroll bar appears on the block.

Does anybody have a smaller size laptop screen like my business class work laptop they could take a look at my front page on?

Thank you

Offline @rjen

  • Support Team
  • *
  • Posts: 1695
    • FJR-club Nederland
Re: Welcome block for bigguy
« Reply #35 on: May 08, 2019, 09:58:27 AM »
You have put fixed width images in the blocks!

Apply css to make sure the images are set to max-width: 100%

and apart form that this add block is not respecting the size, thus resulting in distrotion on other elements...
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline jernatety

  • Sr. Member
  • ****
  • Posts: 265
Re: Welcome block for bigguy
« Reply #36 on: May 08, 2019, 10:08:29 AM »
Hi rjen, thank you for looking. The ad block I can't do anything about. That's automatically generated with adense new "auto-responsive" ads. They're placed by adsense automatically.

Offline @rjen

  • Support Team
  • *
  • Posts: 1695
    • FJR-club Nederland
Re: Welcome block for bigguy
« Reply #37 on: May 08, 2019, 10:32:52 AM »
You want to add in your tp-style.css at the end:

img
{
   max-width: 100%;
}

There is no reason I can think of you would EVER want an image larger than 100% ...

That way you can never forget to set a max-width...
As for the google adds: if they mess up you site layout, you can choose not to use them...
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline jernatety

  • Sr. Member
  • ****
  • Posts: 265
Re: Welcome block for bigguy
« Reply #38 on: May 08, 2019, 12:40:12 PM »
You want to add in your tp-style.css at the end:

img
{
   max-width: 100%;
}

There is no reason I can think of you would EVER want an image larger than 100% ...

That way you can never forget to set a max-width...
As for the google adds: if they mess up you site layout, you can choose not to use them...

Beautiful. I would forget too! Thank you very much.