inherit
143480
0
Nov 14, 2024 13:48:23 GMT -8
Clannibal
290
August 2009
middy
|
Post by Clannibal on Oct 15, 2015 19:54:39 GMT -8
I remember before V5 there was a code that could be used to make signatures scroll in a set div dimension. (So like for an example, a signature larger than 500px tall would scroll in a box)
Is there a plugin or any other code that can do this? I wasn't sure where to post this question, so I figured I'd start with plugins.
EDIT: Ok, I did find this code, which does what I want:
/* Taming massive signatures */ div.signature img { max-height:110px; }
div.signature { max-width: 580px; max-height:120px !important; overflow:scroll; }
BUT, it does something else unwanted - it adds a useless and ugly width scroll bar, too, despite everything I do to edit it out (such as "width:100%). Any suggestions?
|
|
inherit
216224
0
Aug 1, 2024 1:18:46 GMT -8
Quozzo
408
November 2014
quozzo
|
Post by Quozzo on Oct 16, 2015 1:33:27 GMT -8
overflow: hidden; i think it is.
|
|
inherit
217348
0
Jul 27, 2022 7:26:44 GMT -8
Lynx
5,849
January 2015
msg
|
Post by Lynx on Oct 17, 2015 9:16:21 GMT -8
overflow: auto;
That will only add the scroll bar(s) IF the size limitation(s) (on x and / or y) are exceeded. If the image is within the limitations specified, the scrollbar(s) won't show.
If you want a scrollbar JUST for vertical:
overflow-x: auto;
If you want JUST for horizontal:
overflow-y: auto;
If you want just vertical and nothing at all for horizontal:
overflow-x: auto; overflow-y: hidden;
So, which scrollbar(s) do want to show if needed and which do you not want to show at all?
|
|
inherit
143480
0
Nov 14, 2024 13:48:23 GMT -8
Clannibal
290
August 2009
middy
|
Post by Clannibal on Oct 17, 2015 9:53:28 GMT -8
Hey MSG, thanks for popping in! Your codes did the trick I wanted. I just want Vertical limitations So I made the horizontal scroll bar hidden. Thanks a ton! In case someone else is lurking and wants the code, this is it: /* Taming massive signatures */
div.signature { max-width: 100%; max-height:400px !important; overflow-x: hidden; overflow-y: scroll; }
|
|
inherit
217348
0
Jul 27, 2022 7:26:44 GMT -8
Lynx
5,849
January 2015
msg
|
Post by Lynx on Oct 17, 2015 10:27:32 GMT -8
Glad it worked for you, Clannibal. If you want, though, you can change your overflow-y: scroll; to overflow-y: auto; - that will make it so the scroll bar only shows up if it's needed. If it's not needed (signature is small enough that it doesn't need a scrollbar), then it hides, but it'll show if needed. I do that to help keep things clean looking - but that's up to you if you want to or not.
|
|