Printable View
I have two .jpg files. I want them both to have height 191 px. Paint says they are both 191 px. Properties for both show 191 px. I specify size in html of 191 px. Yet they are both obviously different heights. Will someone please show me the error of my ways before I pull my hair out?
A.
Hi there marain,
to help you with your problem we would need to actually see it. :)
Do you have a link to the page in question for us?
If not we need to see the page's HTML and CSS.
coothead
Coothead,
It's a slide show. The link to the page is https://www.njgunlawyers.com/page.php?here=FID . There are actually four images in the slide show, but if we are able to reconcile just the two shown in this thread, I'm confident the others will readily fall into place.
The one tool that occurred to me after posting the query was GIMP. I'm looking at that now.
A.
UPDATE: GIMP also reports the heights to be 191 px.
A.
Hi there marain,
add this CSS to your njgunlawyers.css file...
It will make all the slide show images have the same height.Code:
#slide {
height: 256px; /* adjust this value to suit your taste */
width: auto;
}
The value that I used seemed appropriate but you can change
it to suit any appearance that appeals to your peepers. :cool:
coothead
Coothead,
Very very strange. I inserted your suggested code into my css file. It appeared to have no effect. Then I put that same code into the html. That did not change the image size, but it did have an effect. Its effect was to insert vertical space between the images and the text that follows.
Color me flummoxed.
Thank you for applying your not inconsiderable talents to this problem.
A.
To test your assertion, I downloaded your njgunlawyers.css file,Quote:
Originally Posted by marain
inserted the code, that was suggested, at the bottom and then
saved the file.
Your page worked OK for me, as expected, when I used the
amended file.
This lead me to believe that you are experiencing an internet
cache problem.
Try using the F5 function key to clear it.
If this fails check out this link...
How to Clear Internet Cache in Every Major Browser
coothead
Clearing the cache by itself does not work. Opening the page in a private window does work--the image is resized as intended! Viewing the page in Google Chrome also works as far as the resizing is concerning. (I usually use Firefox.) However, ALL of the presentations show much blank space following all images.
Have I stepped into a parallel universe?
A.
No you've just been a naughty boy. :oQuote:
Originally Posted by marain
When viewing "Page Source" of your page.php file
on line #62 I see this code...
Why did you add the code in red. :confused:Code:
<div id="slides" class="center" style="height: 256px; /* adjust this value to suit your taste */ width: auto; ">
It is the cause of this observation of yours...
Remove it posthaste. :cool:Quote:
However, ALL of the presentations show much blank space following all images.
Attachment 6401
coothead
Wow.
Answering your question, I put that line there because you advised me to. Except that I screwed up the height number, thus accounting for the blank spaces. Style information removed and, with its removal, gone is the blank space. This now works perfectly in Opera, Edge, and Chrome, but the images still do not resize in Firefox. Yes, I cleared the cache. So we've made much progress, with just that nettlesome Firefox perjinkity remaining. Since it works everywhere except Firefox, I'm tempted to just conclude that my cache was imperfectly cleared.
I'm going to mark this resizing problem as solved.
You may think that I advised you to edit the HTML, but if you reread myQuote:
Answering your question, I put that line there because you advised me to
posts you will find that I only suggested adding code to your CSS file.
As a matter of interest, my testing and curing of the problem was done
using Firefox 80.0.1 browser, albeit on a Linux O.S. rather than a
Windows O.S. ;)
Also note that your page now works OK for me Firefox wise.
So, yes, retry the cache clearing methods.
coothead