Forum Images problem

Chame1eon

Hi This is my first post becuase I don't know nearly as much about this stuff as most of you seem to and I don't have a technology related job. Maybe there is something you can help me with though.

When I veiw forum posts the images are not resized and the right is cut off like this:

I am using firefox 3 on windows sp2. Does anyone else have this problem? Is it possible to create a script to resise images?

Thanks for any help :)

PJH

@Chame1eon said:

When I veiw forum posts the images are not resized and the right is cut off like this:
[...]
I am using firefox 3 on windows sp2.

If there isn't a horizontal scroll bar at the bottom of the image, right click the image and ctrl-click or middle-click 'View Image' to see the image in a new tab.

Chame1eon

Your solution was better than what I was doing since I didn't realise you could middle click on menue items, but I think I found something closer to what I wanted.

I used this plugin: https://addons.mozilla.org/en-US/firefox/addon/2108

It's similar to script monkey but for css

Then I used it to add a custom css with this frustratingly simple text:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forums.thedailywtf.com") {
img { max-width:720px}
}

It warps the image and there is probably a better way to do it, but I'd rather be able to see the image in the same window than have one with the right aspect ratio.

Thanks anyway for your reply :)

belgariontheking

@Chame1eon said:

It warps the image and there is probably a better way to do it, but I'd rather be able to see the image in the same window than have one with the right aspect ratio.

Isn't there a css property that puts a scrollbar inside a div when it overflows?

Yes, there is. overflow:scroll. (first result on Google).

Chame1eon

Thanks again, but after trying several similar things with strange or, most of the time, strangely no results I decided something must be overriding the style I was trying to apply. After disabling 5(!) different style sheets with the web developer add-on for Firefox with no luck I found this problematic bit of html:

<table style="table-layout: auto;".......

I found this page describing how to override inline styles and ended up with this:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forums.thedailywtf.com") {
table[style]{
table-layout: auto !important;
}
}

By the way there is a master Mozilla style sheet somewhere that you can edit for the same effect if any one is interested in googling it.

I still don't see why that would prevent things like img{width:10px} or img{overflow:auto} from working, why they anyone would apply a style that makes images unreadable, or why this doesn't seem to bother any one else, but web design has to be one of the least interesting things I could try to learn atm so I guess this is good enough for me.

Thanks again for replies :)