FORCED IMAGE RESIZE

Ok, so here's my problem - I don't want pictures on my forum to change size, but they still do. All of them. Logo, header, category pictures, avatars and signatures - they all become a little smaller. I checked in Message and e-mails configuration, and i have Image resize unchecked. I couldn't find anything in my CSS code either. I was searching on this forum too, but I couldn't find any topic about this problem, so I'm truly sorry, if I'm creating a clone topic.

Pretty please, help! I'm using phpBB2, ant this problem is really irritating, because every picture is deformed ;n;

Also - forgive me my english.

check if u have any code in the css or in javascript.

In the CSS the logical resize code to use is this one:

Code:

  .postbody img {
max-height: #300px; max-width: #500px;
}


Thanks for fast reply! ^u^

But I dont have any code in Javascript. And this resize appart all over the forum, not only in postbody. Every single JPEG, PNG, GIF and everything else gets shrinked. I don't want to create restrictions, I don't want to create max hight and max width. I want to... Kind of remove everything. It's possible, since it's the first time I have this kind of problem, but I don't know how to deal with it. Resize appears in the header, in the backgroun, in the tables, profiles and rows... >':

It's possible that you might have changes the code in the templates. You have to check them all else if you have to show the CSS and the template of your Home Page..

Is this happening to you only or all your members?

To all of them. At least I think so. Do You have any ideas? I tried searching in templates, by looking up resize , but I couldn't find anything useful..

Aren't there any CSS code to neutralize resize? ;n;

Hello Tooka,

Could you perhaps provide us with a link to your forum?

I''m not exacly sure if I can, since I'm only in cafe of graphic there (not anything you shoud bobasy about since I've done like 60% of my work), but... Ah, hell, I really need help ;n;

http://worldismine.forumpolish.com

I have one administrator accounts, and I have problems with pictures, and my friends have problems as well ;n;

This only thing I found in your CSS is this:

Code:

.body > a img{
max-width:900px
}

Remove that and see if the problem still persists.

It's still there. I tried experimenting with Marios94's code, and it didn't  help. And since I couldn't sit down and selerów it, it's still there.

Thats the problem - for some reason pictures keep losing quality without me gabinetu any code for resize! And the look fine, when I check them on hosting site. I'm KING of Lost here... @_@

Try this in your CSS:

Code:

img{
max-height:100% !important;
max-width:100% !important;
}

Edit:
The images seem to appear correct size to me, could you provide a screenshot of what you see if the above doesn't work?

After I put this code in my CSS code, pictures became really tiny (link).

Also, the problem is, pictures doesn't really change size that much. For example avatar - from normal siza of 250px x 420px, it becomes 225px x 360. Category pictures change from 400px x 180px, to 360px x 162px. That's obnoxious. Theh loose quality too (link)!

BUT! One of users said, that he sees everything just fine. Does this change anything?

Have you tried using another browser to see if this issue occurs?

Ok, I downloaded other explorer and everything looks fine. All of the users were using Google Chrome, only one used Maxthon Browser, and it looked ok.

So... Is there anything I can do? Or is this a browser fault and I just have to change browser if I want everything to look neat? It's the first time I have problems with Chrome, and I've been on lot's of different forums.

I had thought it could be a browser specific issue.

Try and give this a shot in your CSS:

Code:

img{
width:100%;
}

It helped... A bit too much (link).

Should I add something to the code? 

I'm so sorry for wasting your time ;n;

You're not wasting my time, I'm here to help.

I see exactly what that did, I totally forgot about the mini-images, but at least the resize took effect so that's a good sign.

I took another look at your CSS. Look to removing the following temporarily if they're present in your sheet.

Code:

.logo img{
max-width:100px
}
#info_open,.browse-arrows,.messaging,.noprint,.post-options,.poster-profile,img.i_icon_online,span.postdetails img,table.bodylinewidth .catbottom,table.bodylinewidth .gensmall,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .sig,table.bodylinewidth img#i_logo{
display:none
}


Those are the last things image related I've found, if the problem persists I have another way at resolving this.

I'm not quite sure if I got this right, but I don't have something like this in my CSS. Not where I would know where to look at least. Buuuuut, I could misunderstand something. 

Gee, aren't I a problematic child *rolls on the floor*

Alrighty then we'll give the following code a shot.

This is for those images you have on the index:

Code:

.row1.over img{
width:100%;
}

Ok, this seems to work! (/ ^ u ^)/ But they got a bit bigger then original for some reason (should be 400 px wide and 180px high, now they are 430px wida and 194px). I don't get it, but let me say, that this code is way smarter than me.

They look ok, somewhere about 92-93% (more or less).

Just adjust the percentage to what looks perfect. Are those the only images or are there anymore? I've only noticed those ones.

Also, the avatars and signatures. Pretty much all of the pictures *sigh*

Try these for avatar and signature:

I'll keep them separate so you can adjust the sizes individually.

Code:

/*Avatar*/
.poster-profile img{
width:100%;
}
/*Signature*/
.signature_div img{
width:100%;
}

You can also try these properties too if others don't work:
min-width:100%; - Minimum width
max-width:100%; - Maximum width

Now everything looks alright~ Thanks a bunch SethC1995! *sends internet hugs*

It was solved in no time looking at how much time I spent doing this. Thank You~

You're welcome.

Topic Solved and Archived