Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Difficulty Resizing

  1. #1
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    258
    Thanks
    92
    Thanked 3 Times in 3 Posts

    Default Difficulty Resizing

    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.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	fid310x191.jpg 
Views:	34 
Size:	27.6 KB 
ID:	6399   Click image for larger version. 

Name:	fid156x191.jpg 
Views:	31 
Size:	13.1 KB 
ID:	6398  
    Last edited by marain; 09-21-2020 at 07:35 PM. Reason: Mark "Resolved"

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,647
    Thanks
    1
    Thanked 252 Times in 247 Posts

    Default

    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
    ~ the original bald headed old fart ~

  3. #3
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    258
    Thanks
    92
    Thanked 3 Times in 3 Posts

    Default

    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.
    Last edited by marain; 09-20-2020 at 07:22 PM.

  4. #4
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,647
    Thanks
    1
    Thanked 252 Times in 247 Posts

    Default

    Hi there marain,

    add this CSS to your njgunlawyers.css file...

    Code:
    
    #slide {
        height: 256px; /* adjust this value to suit your taste */
        width: auto;
     }
    
    It will make all the slide show images have the same height.

    The value that I used seemed appropriate but you can change
    it to suit any appearance that appeals to your peepers.

    coothead
    Last edited by coothead; 09-21-2020 at 08:38 AM.
    ~ the original bald headed old fart ~

  5. #5
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    258
    Thanks
    92
    Thanked 3 Times in 3 Posts

    Default

    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.
    Last edited by marain; 09-21-2020 at 01:14 PM. Reason: Various edits reflecting observations and updates to the source file as I've looked at it more closely.

  6. #6
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,647
    Thanks
    1
    Thanked 252 Times in 247 Posts

    Default


    Quote Originally Posted by marain View Post
    I inserted your suggested code into my css file.
    It appeared to have no effect. .
    To test your assertion, I downloaded your njgunlawyers.css file,
    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
    ~ the original bald headed old fart ~

  7. #7
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    258
    Thanks
    92
    Thanked 3 Times in 3 Posts

    Default

    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.
    Last edited by marain; 09-21-2020 at 02:42 PM. Reason: Add information.

  8. #8
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,647
    Thanks
    1
    Thanked 252 Times in 247 Posts

    Default


    Quote Originally Posted by marain View Post
    Have I stepped into a parallel universe?.
    No you've just been a naughty boy.

    When viewing "Page Source" of your page.php file
    on line #62 I see this code...

    Code:
    
    <div id="slides" class="center" style="height: 256px; /* adjust this value to suit your taste */ width: auto; ">
    Why did you add the code in red.

    It is the cause of this observation of yours...

    However, ALL of the presentations show much blank space following all images.
    Remove it posthaste.

    Click image for larger version. 

Name:	morain-page.jpg 
Views:	35 
Size:	41.6 KB 
ID:	6401

    coothead
    Last edited by coothead; 09-21-2020 at 07:12 PM.
    ~ the original bald headed old fart ~

  9. The Following User Says Thank You to coothead For This Useful Post:

    marain (09-21-2020)

  10. #9
    Join Date
    Apr 2012
    Location
    Central New Jersey
    Posts
    258
    Thanks
    92
    Thanked 3 Times in 3 Posts

    Default

    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.

  11. #10
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,647
    Thanks
    1
    Thanked 252 Times in 247 Posts

    Default


    Answering your question, I put that line there because you advised me to
    You may think that I advised you to edit the HTML, but if you reread my
    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
    ~ the original bald headed old fart ~

Similar Threads

  1. resizing pop up
    By Isabella in forum Flash
    Replies: 2
    Last Post: 12-14-2009, 04:51 AM
  2. What to choose? what's difficulty?
    By elho in forum JavaScript
    Replies: 0
    Last Post: 03-19-2008, 11:57 AM
  3. Pop Up Window difficulty pleaaase help.
    By RylandT in forum Dynamic Drive scripts help
    Replies: 19
    Last Post: 02-21-2008, 02:29 AM
  4. Need help resizing gif
    By pixiedust2 in forum Graphics
    Replies: 13
    Last Post: 05-02-2006, 07:30 PM
  5. resizing
    By incarnate in forum JavaScript
    Replies: 1
    Last Post: 05-28-2005, 06:36 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •