Trouble with images not sizing the same in different topics , forums , categories

I am getting stumped . I can be posting a series of images . When all of a sudden the images stop sizing properly .

Here is a screenshot example : 3rd post is the one in question .



As you can see the images stop reducing . Not even showing the whole width . Being 5 images across .

But if I copy the same exact images to another forum . One I don't want them in . See how the 3rd one posts correctly .



They post properly . This has happened several times . Do any of you know what is causing this ?

hello

the upload button has a resize option be sure that you have it set to NO




can you give us a link from your forum to see those images please

skouliki wrote:hello

the upload button has a resize option be sure that you have it set to NO




can you give us a link from your forum to see those images please

Okay so your saying that for 9 years I have posted endlessly . Literally hundreds , thousands of mega long pages of never ending same or similar size images . Without an issue . That if I change the setting from 1024 to NO . It will change something .

Okay I'll try it .







Obviously there is no way to tell just by changing it and posting once .

Do you want an admin link ? There is no errors to see . I of course did not post them .

If what you are saying is true . Then if I keep it on " NO " . I will never have that issue just come out of the blue in some forums and not in others .

I will continue my project with the : NO " setting . If I no longer get that issue . Then it is all good .

can i have a simple thread link from your forum with those images in it ?

i want to see if you have any CSS codes for images

skouliki wrote:can i have a simple thread link from your forum with those images in it ?

i want to see if you have any CSS codes for images

Okay here is the page that I was having trouble in :

https://www.valleyofthesuncc.com/t3301-scorecards-opponents

azwiz wrote:

skouliki wrote:can i have a simple thread link from your forum with those images in it ?

i want to see if you have any CSS codes for images

Okay here is the page that I was having trouble in :

https://www.valleyofthesuncc.com/t3301-scorecards-opponents

I have looked over your post you linked and I don't see the same problem.

can i ask have you cleared your browser ?

To me it looks like your browser is finding it hard to save data when resizing.

i do not see a problem also using chrome and opera

Ape wrote:

azwiz wrote:

skouliki wrote:can i have a simple thread link from your forum with those images in it ?

i want to see if you have any CSS codes for images

Okay here is the page that I was having trouble in :

https://www.valleyofthesuncc.com/t3301-scorecards-opponents

I have looked over your post you linked and I don't see the same problem.

can i ask have you cleared your browser ?

To me it looks like your browser is finding it hard to save data when resizing.

No it is not my browser . I keep it clean and clear . The biggest problem I have is my slow internet . That has always been a problem . Especially when downloading , uploading images in my forum . Or any forum for that matter .

You wouldn't have seen the issues as as I stated above . I did not save them . All you will see are the ones that worked .

I am still having the problem . So this time I left it posted . You can view it in the topic

https://www.valleyofthesuncc.com/t3306-matchups-scorecards-jan-through-aug-2021

Scroll down to the last post

MATCHUPS & SCORECARDS DECEMBER 2021

You will see it there .

And you might be right . It could be my browser having a hard time because of my slow internet . But it is plenty fast enough and big enough and has mega ram and memory .

Ok, I saw it. The first top image is correct, all the others under the first one is not sized correctly. Edit the post and see if there is any errors in the tag coding.

There aren't any errors that I can see . Here are the url's















It works just fine here



Wow this forum posts much differently than mine .

Do you have any tips for getting them to display properly ? And why it works in some of my forums and not in others ? And why does it view properly in preview mode but won't post ? It's gotta be something .

It will also post any single one of the url's . But not more than one .

I really need to fix this . This is a site stopping problem . This has never happened before . At least that wouldn't eventually clear up .

what version is your forum phpBB2?

phpBB

Phpbb2 or phpbb3 ?
You need to go to your admin panel to see it if you dont know

edit :

meanwhile @azwiz lets try something
go to your admin panel...css sheet and add this code

Code:


a.fa_fancybox img {
    width: 300px;
}


phpBB3 (prosilver)

skouliki wrote:Phpbb2 or phpbb3 ?
You need to go to your admin panel to see it if you dont know

edit :

meanwhile @azwiz lets try something
go to your admin panel...css sheet and add this code

Code:


a.fa_fancybox img {
    width: 300px;
}


What was that code supposed to do ? If If I have noticed anything so far . It appears that my already pathetically slow system is even slower .

What is it supposed to help ?

okay it looks like the file size of them images are not the same as the others.

try one thing please can you change the size in your ACP ....

ACP >> General tab >> Messages and emails >> Configuration >>

What is it set at and just change it a little see if the problem gets fixed or not.

This is the settings .





So I changed it to :




Some thing I noticed is these same 8 images were having the sizing problems way down the page . Following 101 similar images posted prior .

So I tried it again . Same thing . 101 posts in 2 entries . Then the first one of the 8 is fine . The following 7 are not sizing .




So then I tried posting those 8 images 1st in a new topic . That worked . Sort of . Now the first image wont resize . But the following 7 are fine . Lol .



Lol .

So now I am going to change it to

w = 600

h = 400

I'll let you know .

I find that I cannot exceed w = 450 . To retain the entire image . Still not cooperating .

do you have any javascript or ccss code about fancy box images?
cause from the inspector a see the specific tag so the code i gave you is just a simple code that reduces images under that tag

did you try it ?

These are the fancybox css codes I have :

Code:

a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
 
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}
 
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
}
 
.fancybox-opened {
  z-index: 930;
}
 
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
 
.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
 
.fancybox-inner {
  overflow: hidden;
}
 
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
 
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}
 
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
 
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
 
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}
 
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
 
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 940;
}
 
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('https://i.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}
 
.fancybox-prev {
  left: 0;
}
 
.fancybox-next {
  right: 0;
}
 
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}
 
.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}
 
.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}
 
.fancybox-nav:hover span {
  visibility: visible;
}
 
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
 
/* Overlay helper */
 
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: #000;
}
 
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
 
/* Title helper */
 
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}
 
.fancybox-opened .fancybox-title {
  visibility: visible;
}
 
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}
 
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
 
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
 
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
 
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}a.fa_fancybox img {
            width: 300px;

I do not appear to have any fancybox javascrtpt .

What do you want me to do with this :

skouliki wrote:

please use tags when you are posting a code

in the last line of the code you have added my code but it is missing a

Code:

}

note : nothing it was just a screenshot to prove my sayings

the correct code is

Code:


a.fa_fancybox img {
width: 300px;
}


If the copy and paste is a " tag " then that is what I did . The proper way . If the correct " tag " did not transfer . It was not my doing .

It looks right above . And it looks right in my css .



Is there a problem I'm not seeing ?



this what the error looks like



Okay I fixed it .

is this now solved ?

No nothing has changed . I am currently trying to take new group screen shots of the same files that will not resize . I will let you know if anything changes .

In the meantime . I also work , run errands , eat , spend time with my wife while not on the computer . I know you are not rushing me . I'm just saying that these operations take a lot of time .

But No in the scenario that I want to post these files ( chronologically ) . I get to this point and they no longer resize .

No it is not right
The code begins with a not {a

If you dont copy paste the code correctly then it will not apply to the element

Lol . And how is it possible to not copy it correctly ?

skouliki wrote:

What bout this one ? Did you want me to put it somewhere ?

no as i said before this is just a screenshot

you have an extra { in your code
this makes it invalid

Why does it say this ?



If this



is wrong ?

Anytime I remove a{ or an } . I get an error message .

you get an error not by my code
you get an error cause somewhere on your codesheet is an error

the codes must be like this

element {
}

line 357 is wrong the correct is only this }
not this } {

if by correcting the line you still get an error then search your sheet for similar errors

i can not do anything else by seeing a screenshot

It would be more easy if you gave a staff member here a test account so they can make the change if you are finding it hard to understand.

To give a staff member a Test account please send it to one member of staff only by PM only.