Achievement bar stretches the page

  • 23 Replies
  • 12054 Views
*

Offline TechnoGeek

  • 238
  • 0
  • My new project, Notroid
    • View Profile
Re: Achievement bar stretches the page
« Reply #15 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!
Spoiler: Technogeek's Signature (click to show/hide)

*

Offline Evil

  • 1112
  • 1
  • 1723
    • View Profile
Re: Achievement bar stretches the page
« Reply #16 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?

Re: Achievement bar stretches the page
« Reply #17 on: July 08, 2009, 19:45:43 »
In the image tag?
Lurk more.

*

Offline TechnoGeek

  • 238
  • 0
  • My new project, Notroid
    • View Profile
Re: Achievement bar stretches the page
« Reply #18 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.
Spoiler: Technogeek's Signature (click to show/hide)

*

Offline LPChip

  • You can only truly help other people by allowing them to fail.
  • 3510
  • 138
  • Excel at the thing you're the best at!
    • View Profile
    • LPChip Interactive
Re: Achievement bar stretches the page
« Reply #19 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.
on the left, above my avatar.

MODPlug Central Forum
"If I tried to kill you, I'd end up with a big fat hole through my laptop." - Chironex

*

Offline RunMan

  • 175
  • 1
    • View Profile
Re: Achievement bar stretches the page
« Reply #20 on: July 09, 2009, 15:18:22 »
min-width + width: 100% + overflow: auto + some hacks for IE.

*

Offline LPChip

  • You can only truly help other people by allowing them to fail.
  • 3510
  • 138
  • Excel at the thing you're the best at!
    • View Profile
    • LPChip Interactive
Re: Achievement bar stretches the page
« Reply #21 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.
on the left, above my avatar.

MODPlug Central Forum
"If I tried to kill you, I'd end up with a big fat hole through my laptop." - Chironex

*

Offline RunMan

  • 175
  • 1
    • View Profile
Re: Achievement bar stretches the page
« Reply #22 on: July 10, 2009, 09:54:30 »
Alternative stylesheets for IE should be enough, anyway you have to know how to control nasty IE

*

Offline LPChip

  • You can only truly help other people by allowing them to fail.
  • 3510
  • 138
  • Excel at the thing you're the best at!
    • View Profile
    • LPChip Interactive
Re: Achievement bar stretches the page
« Reply #23 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.
on the left, above my avatar.

MODPlug Central Forum
"If I tried to kill you, I'd end up with a big fat hole through my laptop." - Chironex