TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

User

Welcome to TinyPortal. Please login or sign up.

April 19, 2024, 10:32:39 AM

Login with username, password and session length

Stats

Members
  • Total Members: 3,885
  • Latest: Growner
Stats
  • Total Posts: 195,164
  • Total Topics: 21,219
  • Online today: 266
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 67
  • Total: 67

Front page footer - Did I break something?

Started by jernatety, May 30, 2019, 06:41:28 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

jernatety

May 30, 2019, 06:41:28 PM
I can't figure out if I broke something. Does this look right? I just noticed it and don't remember it looking like that but at the same time I'm not sure if I remember what it is supposed to look like.

Code Select
youthhockeyinfo.com

@rjen

#1
May 30, 2019, 06:46:20 PM
You have an unclosed DIV somewhere
Running Latest TP on SMF2.1 at: www.fjr-club.nl

lurkalot

#2
May 30, 2019, 07:01:29 PM
Quote from: @rjen on May 30, 2019, 06:46:20 PM
You have an unclosed DIV somewhere

I was thinking the same.  That box-shadow that's been added seems to look a bit odd too, it continues down through the footer section as well.

@rjen

#3
May 30, 2019, 07:31:20 PM
It seems to be related to the blockcode that you used to create the three responsive blocks-in-a-block.

Look for this code: <body id="tpbody" class="tpcontnainer"> and replace with <div id="tpbody" class="tpcontnainer">

Then add one closing </div> at the end of the blockcode

If that does not fix it, can you post the full blockcode for that php block from your site here?
Running Latest TP on SMF2.1 at: www.fjr-club.nl

@rjen

#4
May 30, 2019, 07:58:27 PM
Quote from: lurkalot on May 30, 2019, 07:01:29 PM
That box-shadow that's been added seems to look a bit odd too, it continues down through the footer section as well.

He caused this when he added the box-shadow to the wrapper ...

The wrapper encloses the whole page, also the footer, that's what causing this.. Remove the box-shadow and it is fixed...

This is nothing to do with Tinyportal: playing with the curve theme, this may be the result...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

jernatety

#5
May 30, 2019, 08:48:34 PM
I made the change to the block code and removed the box shadow in index.css but still have the same effect at the footer.

@rjen

#6
May 30, 2019, 08:52:49 PM
Did you delete your browser cache? It looks OK on my pc now...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

jernatety

#7
May 30, 2019, 09:01:07 PM
Quote from: @rjen on May 30, 2019, 08:52:49 PM
Did you delete your browser cache? It looks OK on my pc now...

Yeh, I did a shift F5, weird. It's browser related I think. It looks fine in FF and IE but not Chrome.

@rjen

#8
May 30, 2019, 09:06:10 PM
The original issue you reported is gone, the one with the drop shadow has returned: either you put this back into the css or there is some server caching bringing the css back...

Code Select

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 764px;
max-width: 2300px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.65);
}

/* lets give all forms zero padding/margins */
form
Running Latest TP on SMF2.1 at: www.fjr-club.nl

jernatety

#9
May 30, 2019, 09:35:10 PM
Quote from: @rjen on May 30, 2019, 09:06:10 PM
The original issue you reported is gone, the one with the drop shadow has returned: either you put this back into the css or there is some server caching bringing the css back...

Code Select

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 764px;
max-width: 2300px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.65);
}

/* lets give all forms zero padding/margins */
form


Yes, I saw the issue didn't get fixed in Chrome but looks fine in FF and IE so I put the code back to keep the drop shadow on the wrapper.
Print
Go Up Pages1
User actions