Page 4 of 6 FirstFirst ... 23456 LastLast
Results 31 to 40 of 56

Thread: Css advice for spacing between images

  1. #31
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,350
    Thanks
    4
    Thanked 289 Times in 282 Posts

    Default


    landscape is the lager value so - 1024px is change over point?

    Also note that on this page...

    https://www.theremotedoctor.co.uk/bikegallery.html

    ...I noticed that you have this...
    Code:
      <div class="mySlides">
        <div class="description">GOLD WING REMOTE 3B</div>
        <img src="https://coothead.co.uk/bike-gallery/1.jpg" alt="GOLD WING REMOTE 3B">
      </div>
    
      <div class="mySlides">
        <div class="description">KAWASAKI KEY</div>
        <img src="https://coothead.co.uk/bike-gallery/2.jpg" alt="ZZR 1400 KEY">
      </div>
    
      <div class="mySlides">
        <div class="description">SPARE KEY REQUIRED</div>
        <img src="https://coothead.co.uk/bike-gallery/3.jpg" alt="ZZR 1400 KEY">
      </div>
    For obvious reasons, you need to remove...
    Code:
    https://coothead.co.uk/
    ...as I will probably be removing them from my server in the near future.

    coothead
    ~ the original bald headed old fart ~

  2. #32
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    All done.

    If we code it for 1024 then i can check

    When i pad is in portrait mode the other HTML is shown as screen is 968

  3. #33
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,350
    Thanks
    4
    Thanked 289 Times in 282 Posts

    Default


    Let me check.

    If the screen width is 1024px and the screen height is 768px
    you want to change the page one way or another?

    coothead
    ~ the original bald headed old fart ~

  4. #34
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    Ipad in Portrait i would like to show https://www.theremotedoctor.co.uk/bikegallery.html & currently works fine.

    Ipad Landscape i would like to NOT show same as portrait BUT this instead https://www.theremotedoctor.co.uk/standard.html

    Everythis else works fine.

    JUST DISPLAY THE NEW BIKE SLIDER WHEN IPAD LANDSCAPE IS USED

    Thanks

  5. #35
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,350
    Thanks
    4
    Thanked 289 Times in 282 Posts

    Default

    Hi there theremotedr,

    Check out the attachment which contains a possible solution.
    It works for me using 1024 x 768px in Responsive Design Mode.

    I hope that it will work on the real thing.

    coothead
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  6. #36
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    I also see it works fine on the pc using dev tools etc but ipad when used in Landscape i see the original as opposed to this new slider

  7. #37
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,350
    Thanks
    4
    Thanked 289 Times in 282 Posts

    Default


    try it without the window.onresize...
    Code:
    <script>
      /*window.onresize = function() { */
        if(window.innerWidth===1024 && window.innerHeight===768 ) {
          //location.href='file:///C:/Users/Home/new-gallery-updated/standard.html';
          document.getElementById('ipad').classList.remove('hide');
          document.getElementById('normal').classList.add('hide'); 
        }
        else {
          document.getElementById('ipad').classList.add('hide');
          document.getElementById('normal').classList.remove('hide');       
        }
     /* }  */   
    </script>
    And/or swap between portrait and landscape to see if that wakes it up.

    coothead
    ~ the original bald headed old fart ~

  8. #38
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    I copied the code you had shown in the last post & pasted it,i assume thats what i had to do ?

    Anyway on dev tools i see the bikeslider now in Portrait & Landscape.

    On the ipad i see no change & was the same as before, thus being the bike gallery in Portrait & Landscape

  9. #39
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,350
    Thanks
    4
    Thanked 289 Times in 282 Posts

    Default

    Hi there theremotedr,

    it appears that iPad has a problem with innerWidth and innerHeight...

    This property returns the height of the visual viewport instead of the layout viewport
    https://caniuse.com/?search=innerWidth

    I will see if I can find an alternative.

    Don't hold your breath though! !
    ~ the original bald headed old fart ~

  10. #40
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    Hi
    Just come across this.

    Let me try it in the morning & I will report back.
    Just in case it saves you time etc.

    See screenshot.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	18BC7398-CF26-486F-9566-F3B5F0F5C69E.jpg 
Views:	13 
Size:	19.4 KB 
ID:	6551  

Similar Threads

  1. Advice to put space between images
    By theremotedr in forum CSS
    Replies: 6
    Last Post: 07-23-2022, 05:26 PM
  2. Replies: 6
    Last Post: 03-29-2012, 03:16 PM
  3. Lightbox waits until all images are loaded to work. Advice?
    By AHalsey in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 11-11-2010, 05:34 PM
  4. Resolved Odd spacing in FF?
    By bassa in forum CSS
    Replies: 6
    Last Post: 04-09-2009, 02:46 PM
  5. Replies: 1
    Last Post: 09-02-2008, 01:17 AM

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
  •