Gallery with "Uneven" images is bad formatted

  • rotello

    (@rotello)


    9 years ago

    Hello,

    basically the website i m doing will has a gallery at the end of each article.
    when the images are “even” (= the fill all the spaces, eg : 9 pictures 3 columns, 4 picture – 4 colum or 2 column) it s OK,
    but when there is some empty space (like 8 picture on 3 column, 5 on 3 columns and so on) the text below the gallery instead of starting on a new line it just follow the void.
    here it s 3 links to images to explain the issue

    Good 1
    Good 2
    BAD formatting

    is there a fix for this?

    Manolo

    PS I cannot give the link coz the website is still “hidden” (and you need to change the DNS table) so i m just posting an image

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Felynx

    (@felynx)

    Hello rotello,

    First, thanks you for your review, very appreciated.

    Concerning your issue, this is not supposed to happen, my test with a 4 images gallery does not reproduce this.

    So, I can’t tell much more without seeing the code. Maybe a <div> not closed?
    If you have access to the html of the following element Do you want to get emails. maybe you can try to add the clear class to it like this: class="clear"

    Yoann

    Thread Starter rotello

    (@rotello)

    Felynx

    thanks for your appreciation ??
    I checked if there are strange div in the text… but there are none.
    thank anyway… if i cannot fix it now i ll re-open this tread when the site is live..

    ciao!

    Manolo

    Thread Starter rotello

    (@rotello)

    the site in now live…
    please check this and tell me if something is wrong in the code…
    https://www.tuterealestate.com/74-30-hectare-off-grid-farm/
    (this one is with TWO column)
    or this:
    https://www.tuterealestate.com/73-new-house-in-santa-fe-town/
    (3 columns)

    Thanks

    Try this

    .related-posts {
    clear: both;
    }

    Thread Starter rotello

    (@rotello)

    Thanks Extech….
    I added it before on the main css – does not work
    then in the plugin css – does not work either

    the problem is still there…
    I added a sentence: “after galley” and it s still “broken”

    https://www.tuterealestate.com/74-30-hectare-off-grid-farm/

    Manolo

    .gallery:after { content: '.'; clear: both; display: block; visibility: hidden; height: 0; }

    generally, search the web for ‘clearing floats’

    Thread Starter rotello

    (@rotello)

    Fixed, Thaaaaaanks Micheal

    I ve bought a CSS book. I need to learn them asap!

    Manolo

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Gallery with "Uneven" images is bad formatted’ is closed to new replies.