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

Recent

Welcome to TinyPortal. Please login or sign up.

May 01, 2024, 12:47:39 PM

Login with username, password and session length
Members
  • Total Members: 3,885
  • Latest: Growner
Stats
  • Total Posts: 195,174
  • Total Topics: 21,220
  • Online today: 167
  • Online ever: 3,540 (September 03, 2022, 01:38:54 AM)
Users Online
  • Users: 0
  • Guests: 127
  • Total: 127

Avatars In recent topics block are stretched to 'square'

Started by @rjen, February 16, 2018, 08:48:07 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

@rjen

Just noticed that the avatars shown in the recent topics block are all stretched to 'square' in TP1.4R.
In my forum not all avatars are square. In TP1.3 the Avatars were show in correct proportions...

I would suggest to restore the correct proportions as was the case in 1.3
Running Latest TP on SMF2.1 at: www.fjr-club.nl

tino

Which when I undo break's my image's which are square as it stretches them... I'll try and find an alternative which works for both.

lurkalot

Wasn't completely sure of the reasoning behind this one, now you said that tino, it makes sense, although it shouldn't stretch your square images if just the width is set. That's a bit of a mystery.

tino

Quote from: lurkalot on February 16, 2018, 09:39:21 PM
Wasn't completely sure of the reasoning behind this one, now you said that tino, it makes sense, although it shouldn't stretch your square images if just the width is set. That's a bit of a mystery.

The height was also set. It might be that just setting one is the fix. Although I think the height or width can't remember which was set by some other css.

lurkalot

Quote from: tino on February 16, 2018, 09:43:18 PM
Quote from: lurkalot on February 16, 2018, 09:39:21 PM
Wasn't completely sure of the reasoning behind this one, now you said that tino, it makes sense, although it shouldn't stretch your square images if just the width is set. That's a bit of a mystery.

The height was also set. It might be that just setting one is the fix. Although I think the height or width can't remember which was set by some other css.

I know where you added the height width,
span.tpavatar img

{

width: 35px;

height: 35px;

}



but what are these two bits of css below referring to? Any ideas?

.avatar_single img

{

height: 28px;

float: left;

padding: 1px;

background: white;

border: solid 1px #aaa;

margin: 0 .75em 4px 0;

}


.avatar_single2 img

{

height: 32px;

float: left;

padding: 1px;

background: white;

border: solid 1px #aaa;

margin: 4px 4px 4px 0;

}

tino

They are for the comments. Removing the height does work, it previously had 100% in there for some reason, which was causing issues.