Pretraži podršku

Izbjegni prevare podrške. Nikad te nećemo tražiti da nas nazoveš, da nam pošalješ telefonski broj ili da podijeliš osobne podatke. Prijavi sumnjive radnje pomoću opcije „Prijavi zlouporabu”.

Saznaj više

Image resizing not working

  • 3 odgovora
  • 1 ima ovaj problem
  • 1 prikaz
  • Posljednji odgovor od lilolabanana

more options

When I go to

http://tardis.wikia.com/wiki/Closing_Time_%28TV_story%29

The picture of the robot take half of the screen overlapping the text and causing the layout to go all haywire.

So is there a way to fix this?

P.S: That same site doesn't seem to have a problem with layout when i use Chrome but does have the same problem when i use IE.

When I go to http://tardis.wikia.com/wiki/Closing_Time_%28TV_story%29 The picture of the robot take half of the screen overlapping the text and causing the layout to go all haywire. So is there a way to fix this? P.S: That same site doesn't seem to have a problem with layout when i use Chrome but does have the same problem when i use IE.

Izmjenjeno od lilolabanana

Izabrano rješenje

That would be this code in userContent.css

@-moz-document domain(tardis.wikia.com){
 .info-pic { max-width:324px !important; }
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

Pročitaj ovaj odgovor u kontekstu 👍 1

Svi odgovori (3)

more options

I think this is one of those indeterminate measurement problems, where the image is sized to 100% of the element it is contained in, but that is a floated element sized to 40% of its container, and blah blah, anyway, I have a headache from this site.

Anyway, you can make it behave by injecting a definite size into the page. As a proof of concept, you can use the Web Console. Copy the folloowing line of script:

var r=".info-pic{max-width:324px !important}"; var s=document.createElement("style"); s.type="text/css"; s.appendChild(document.createTextNode(r)); document.body.appendChild(s);

Press Ctrl+Shift+k to open the Web Console, the paste the script on the bottom line next to the caret (») and press Enter to inject the new style rule into the page. The column should take its proper position.

To apply this full time, you could create (or edit) a userContent.css file, or use the Stylish extension. However, I'm out of time to elaborate at the moment.

more options

Odabrano rješenje

That would be this code in userContent.css

@-moz-document domain(tardis.wikia.com){
 .info-pic { max-width:324px !important; }
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

more options

EDit, thx this work.

Izmjenjeno od lilolabanana