signature width style

[jumpluff]

Recently, a few other users and I noticed that the signatures are mysteriously thin. I went and looked in the CSS and saw that the signature div had a max-width applied to it:

.signatureblock { max-width: 640px; max-height: 150px; overflow: hidden; }

I know this is probably to stop people from having signatures that are too wide, but it looks really weird for people with larger res (since others have quotes / just a paragraph in their sig), so could it be removed or the signatureblock be centred please (I don't mean the text itself, I mean the div)? I know it's a minor complaint. Also, why is overflow set to hidden? Would overflow: auto; really be that intrusive?

ty for reading

 

[Seven Deadly Sins]

Yeah, I have to agree that the max-width on the signatures makes them look butt ugly for anyone that doesn't have a tiny ass screen. I can understand the idea behind limiting height manually, since technically this rule has been in place in the past, but limiting the height just makes signatures look ugly.

 

[Fatecrashers]

lol I thought this thread said 'signature with style'.

Also the nyancats in my signature all shifted to the left even though I had them as

.

They only look centred now because I have them set as

.

So why did things all move to the left? I assume it has something to do with this.​

 

[jumpluff]

Okay, rey explained this a bit more indepth to me (since I'm not involved with Smogon decisions and stuff). I get the limit but can the div please be centered :[ I know it's trivial but still.

And yeah Fate, it's because the signature block is made thinner, so the centre point was moved to the left. I took a screenshot of your signature:

The red outline is the signature block, it's like 640 px wide. So your nyans are at the right of that block, but it looks centered because you can't see the block's outline normally. Without the limit applied to the width of the block, the block would automatically be as wide as the post, so it would be at the center of the post horizontally.

 

[Rising_Dusk]

Not that I use signatures, but I think that centering it makes sense. It is pretty strange having to use a right justification just to feign a center justification, where a center justification should suffice. (That sentence was awesome)

 

[jumpluff]

Better yet, if banners are the only problem with signature width (I don't know if text has been a problem), why not .signatureblock img { max-width: whatever px; }

eta: nvm I just realised horizontally stacked images will still break it.

 

[DougJustDoug]

I moved the max-width style to the sub-img tag, and left the max-height on the signature block. This should prevent single wide images from stretching the screen (they will get scaled down in most modern browsers), and allow text to flow normally with the right edge.

 

[Aqueos]

Another annoyance, I just found out sigs no longer except quotes from user. So unfortunately, I can't quote you specifically anymore /:

 

[jumpluff]

Thanks, Doug! :)