Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Feb 2020
    Posts
    1
    Member #
    61396

    Weird spacing between images

    Hi, I'm trying to build a website in photoshop to start off with.In photoshop the page is fine, but once exported, the top image and navbar get a gap in them and I can't figure out how to remove it. Anyone know what I'm doing wrong?

    Last edited by PsydeFX; Feb 16th, 2020 at 03:15 PM.

  2.  

  3. #2
    Junior Member
    Join Date
    Mar 2020
    Posts
    2
    Member #
    61484
    Your container
    font-size:0;

  4. #3
    Junior Member
    Join Date
    Apr 2020
    Posts
    1
    Member #
    61599
    I have the same problem, but erickb's suggestion doesn't work - or I am not doing it right maybe.
    My css code is:
    <style>
    img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    }
    img.fb1 {
    display: inline-block;
    position: relative;
    width: 9vw;
    top: 0vh;
    }
    img.fb2 {
    display: inline-block;
    position: relative;
    width: 40vw;
    top: 0vh;
    }
    </style>

    .<div>
    <img class="fb1" src="graphics/logo.png" alt="Club Logo">
    <img class="fb2" src="graphics/agcltp.png" alt="Club Banner">
    <a href= "https://www.golfwa.org.au" target="_self"><img class="fb1" src="graphics/golfwa.png" alt="Golf WA"></a>
    <a href="https://www.golf.org.au" target="_self"><img class="fb1" src="graphics/golfaustralia.png" alt="Golf Australia"></a>
    <a href="https://www.randa.org" target="_self"><img class="fb1" src="graphics/randa.png" alt="R and A"></a>
    </div>

    Space between images.jpg

    If I have attached the image correctly, you will see that there is space between them.
    Visually this is not a problem but when the width of the viewport reduces, the images reduce accordingly but not the space. Eventually the images won't fit and wrap around.
    All suggestions/help will be appreciated.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 07:23 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com