Welcome to TalkGraphics.com
Results 1 to 7 of 7
  1. #1

    Default Background image getting cut off when previewing

    Hi,

    I created my first Parallax. The background image that I named htmlclass=parallax gets cut off at the bottom when I preview it. I've tried everything I can think of to fix this but I'm coming up short. Have any of you ever had this issue? I appreciate any instructions from you guys.

    I attached two captions showing where it gets cut off.

    Thank you,

    Tony
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	paralax1.jpg 
Views:	92 
Size:	72.9 KB 
ID:	119503   Click image for larger version. 

Name:	parallax2.jpg 
Views:	86 
Size:	67.4 KB 
ID:	119504  


  2. #2
    Join Date
    Mar 2009
    Posts
    4,503

    Default Re: Background image getting cut off when previewing

    Is the text part of the picture?

    What I suspect happens is that the banner picture is shown in proportion to what the size of the browser allows for at optimal resolution. So, when you change the size of the browser window, you will see more or less of the picture but always at the optimal resolution. I hope I made myself clear....

  3. #3

    Default Re: Background image getting cut off when previewing

    The text is not apart of the picture. It is a web animation that come in from the left.

    I do understand what you are saying. Is there a way to adjust this so that the entire picture will show on the widest screen. I may need to change the design structure.

    Thanks

  4. #4
    Join Date
    Mar 2009
    Posts
    4,503

    Default Re: Background image getting cut off when previewing

    Never mind about the text. At first I thought you also had a problem with that.

    About the whole image being always shown, I think this would be impossible due to the fact that it depends on the width of the visitor's browser.

  5. #5
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,915

    Default Re: Background image getting cut off when previewing

    I think you are using a stretchy image. An image that is being used to stretch to the browser width can only occupy the set height. So the image stretches
    to fit the browser width but it doesn't increase the height of the image.

    Best way to understand this is to try various options re Set Origin/Top/Centre/Bottom.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  6. #6
    Join Date
    Mar 2009
    Posts
    4,503

    Default Re: Background image getting cut off when previewing

    You explained that much better than I did, Egg.

  7. #7

    Default Re: Background image getting cut off when previewing

    Many, many Thanks to both of you for your time and expertise!

    Tony

 

 

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
  •