Nifflas' Support Forum

General => About Nifflas' Website and Forum => Topic started by: Gaeel on June 22, 2009, 22:31:05

Title: Achievement bar stretches the page
Post by: Gaeel on June 22, 2009, 22:31:05
Just to say that on all your beautiful 4000*3000 pixel displays this may not be noticeable, but on my poor little 1024*768 (SOOO last century dude) everytime someone has the acheivement bar in their sig (pretty much one per page in most posts) the page is stretched out which just makes things annoying.

May I request a smaller bar be made, or at least people who use the bar use [spoiler] tags. Nobody even looks at other people's achievements anyway (at least I don't think so).

Also, I don't think I'm the worst off either, some users may be using 800*600 or 640*480 displays from the early 1960s...
Title: Re: Achievement bar stretches the page
Post by: LimeLemon on June 22, 2009, 22:37:51
I think everyone should put the achievements in spoilers...
Title: Re: Achievement bar stretches the page
Post by: Miss Paula on June 22, 2009, 22:42:18
I could modify the themes' css-codes to include a max-width, but I'd rather opt for the obligation to put the achievements into spoiler tags too.

LPC?
...or could you modify the achvmnt tag so it automatically is also like a spoiler?
Title: Re: Achievement bar stretches the page
Post by: LPChip on June 22, 2009, 23:18:41
Hmm...

I would urge for putting it in a <div> with a scrollbar to ensure that its only say... 800px wide.

Edit: done!
Title: Re: Achievement bar stretches the page
Post by: Evil on June 23, 2009, 00:28:07
Hmm...

I would urge for putting it in a <div> with a scrollbar to ensure that its only say... 800px wide.

Edit: done!

Yay! So we can have outrageously huge siggies now and it will put a mini frame like thingy on your siggy?
Title: Re: Achievement bar stretches the page
Post by: Purple Pineapple on June 23, 2009, 05:11:15
Can't be higher than 200 pixels, and LP just said a <div> extends to 800. Width-wise, though, yeah.
Title: Re: Achievement bar stretches the page
Post by: LPChip on June 23, 2009, 08:23:43
Only the achievementbar will have scrollbars. Not the rest of the signature.
Title: Re: Achievement bar stretches the page
Post by: googoogjoob on June 23, 2009, 08:59:52
Would it be possible to make the scrollbar thing optional? Because the achievements bar fits okay on my screen, and the scrollbar is obtrusive.
Title: Re: Achievement bar stretches the page
Post by: LPChip on June 23, 2009, 09:29:32
No, its not possible. As soon as I stop the width, it will stretch up the layout and case a scrollbar on the website itself.

The only alternative, is adding support for auto putting things on a 2nd row, making the height of the image larger. But I don't have time to implement that.
Title: Re: Achievement bar stretches the page
Post by: minmay on June 23, 2009, 14:29:49
No, its not possible.

It is possible, but it's very annoying and difficult to do.  Not really worth it.
Title: Re: Achievement bar stretches the page
Post by: LPChip on June 23, 2009, 15:57:09
No, its not possible.

It is possible, but it's very annoying and difficult to do.  Not really worth it.

Lets put it this way, if I want to do this, I'll be getting alot of trouble due to various browsers not supporting it properly. Leaving for alot of slow workarounds etc...
Title: Re: Achievement bar stretches the page
Post by: Gaeel on June 23, 2009, 22:51:09
Hmm, how about a percentage? Set the max width to 75% of the screen (or some other number) that way big screens have beautiful sigs and small screen don't get annoying scrollbars...
Title: Re: Achievement bar stretches the page
Post by: LPChip on June 24, 2009, 09:23:02
Unfortunatelly, width percentages on a div are not supported the same way by all browsers.
Title: Re: Achievement bar stretches the page
Post by: googoogjoob on June 24, 2009, 09:46:59
Unfortunatelly, width percentages on a div are not supported the same way by all browsers.

*cough*Internet Exploder?*cough*
Title: Re: Achievement bar stretches the page
Post by: Purple Pineapple on June 24, 2009, 22:02:39
Unfortunatelly, width percentages on a div are not supported the same way by all browsers.

*cough*Internet Exploder?*cough*
Exploder? O_o
Title: Re: Achievement bar stretches the page
Post by: TechnoGeek on June 25, 2009, 17:23:52
Unfortunatelly, width percentages on a div are not supported the same way by all browsers.

*cough*Internet Exploder?*cough*
Exploder? O_o
[offtopic]Hopefully on purpose...IE8 breaks every page that worked on IE7, for example...
[/offtopic]

anyway, the new mod looks a lot better, and now the only thing that widens the page are obscenely long sentences!
Title: Re: Achievement bar stretches the page
Post by: Evil on July 08, 2009, 05:35:52
wait

can we put a div tag (or whatever its called) wrapped in an img tag? :D will it work?
Title: Re: Achievement bar stretches the page
Post by: Purple Pineapple on July 08, 2009, 19:45:43
In the image tag?
Title: Re: Achievement bar stretches the page
Post by: TechnoGeek on July 08, 2009, 21:44:21
wait

can we put a div tag (or whatever its called) wrapped in an img tag? :D will it work?
the <img> tag's format is: <img src="image.png" />.
format of <div>:
<div><p>paragraph</p><img src="whatever.png" /></div>
so, no, you can't put a div tag in the image tag.
plus, div is blocklevel, meaning it can contain anything, but img is inline, meaning it can only contain other inline elements, text, and content.
Title: Re: Achievement bar stretches the page
Post by: LPChip on July 09, 2009, 00:02:21
You can do alot... you can even put an image as a background for a div, but the matter of the fact is, that when working with divs, different browsers threat divs differently, and using a div with an image can sometimes been seen as advertisement, and gets blocked unwanted. Also, I cannot add a clickable link to a div, and I can add one to an img tag. (yes, you can click the achievement bar to get it inside the editor so you can make changes quickly.

But really, I'm a good html/css programmer, and I can't think of any way to fix this cross-browser without getting in that much trouble that it can give performance loss.

I could put it in a spoiler but that would beat the entire purpose of having this spoiler. The best alternative, is to alter the image programming to make it into a 2 rows bar. That, however, will cost me a bit of time. Something I currently don't have.
Title: Re: Achievement bar stretches the page
Post by: RunMan on July 09, 2009, 15:18:22
min-width + width: 100% + overflow: auto + some hacks for IE.
Title: Re: Achievement bar stretches the page
Post by: LPChip on July 09, 2009, 20:35:26
I'm not going to use some hacks for IE, because that is going to give me a headache implementing it. I currently only have place for html STYLE="" usage. Hacks often require javascript etc.
Title: Re: Achievement bar stretches the page
Post by: RunMan on July 10, 2009, 09:54:30
Alternative stylesheets for IE should be enough, anyway you have to know how to control nasty IE
Title: Re: Achievement bar stretches the page
Post by: LPChip on July 10, 2009, 10:40:02
Alternative stylesheets for IE should be enough, anyway you have to know how to control nasty IE

Yeah, except that I won't do alternative Stylesheets for IE. Its very tricky to do this, since I'm working with a mod, and not a feature of SMF. I just don't have that much control without destroying functionality of the mod itself. I simply can't risk it.