We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 7527
    • 437 Posts
    Hi, last night my getPage call was all well and good and how I wanted it. And now it has suddenly changed? I have this call on my page:

    <div id="Latestarticles"><h2>Latest Articles</h2>
     
    
    [[!getPage@newsPaging? 
    &elementClass=`modSnippet` 
    &element=`getResources` 
    &showHidden=`1`
    &tpl=`facts_image_home` 
    &limit=`4` 
    &includeContent=`1` 
    &parents=`4`
    &includeTVs=`1`
    &sortby=`{"publishedon":"ASC"}`
    ]]</div>


    My &tpl is as follows:

    <div class="newsblock">
    <div class="post-[[+id]] post hentry category-latest-news tag-tag3 tag-tag5 tag-tag7" id="post-[[+id]]"></div>
    <div class="entry">
    <a href="[[~[[+id]]]]"><img class="alignleft" title="[[+tv.factfile_title]]" src="[[+tv.factfile1:phpthumbof=`w=100&h=100&zc=1`]]" alt="[[+pagetitle]]" /></a><div style="clear:both"></div>
    <div class="newsblock2">
    <h4><a href="[[~[[+id]]]]" rel="bookmark" title="Permanent Link to [[+pagetitle]]">[[+pagetitle]]</a></h4>
    </div>
    </div>
    </div><!-- end newsblock -->


    And my relevant css is:

    #Latestarticles {
    float:left;
    width: 100%;
    height: 210px;
    border: 1px solid #000000;
    }
    
    .newsblock {
    width:17%;
    float:left;
    height:160px;
    border: 1px solid #000000;
    }
    
    .newsblock2 {
    width:67%;
    float:left;
    height:75px;
    border: 1px solid #000000;
    }
    


    Last night I had the images side by side (newsblock div) with the title underneath (newsblock2 div). Please can someone explain where it has broken?
    The offending page is here:

    http://www.pawsforwildlife.co.uk/


    Thnak you

    This question has been answered by distant_smile. See the first response.

      www.PawsForWildlife.co.uk
      www.Borntobrick.co.uk
      • 46886
      • 1,154 Posts
      Things don't change by themselves, but when making changes sometimes, between the Modx cache and your browser's cache, changes you made may not appear immediately. Frustrating but it happens, so its important to make changes a bit slowly and deliberately. Not always how we want to work, of course. Clear that Modx cache regularly when making style changes.

      Oh, also be careful about which browser you are using, if you are using a different browser you may get different results. Same for operating system, and other stuff can affect how the page looks, like for instance if we increase the size of the text in the page that might push stuff around.

      I cannot open the page for some reason, what is the problem you are trying to solve? I wanted to say add clear:both to push your title below your pictures, but I read through your post again and now I am not sure what the problem is.

      EDIT Ah, now the page opened, I see the pics side by side (in Chromium) with titles below, and I see borders around a lot of stuff. The borders don't quite work as they are now, and the Bengal Tiger drops down to a second line while the site title also drops down. Overall the top of the site looks pretty good, the bottom has a couple problems though, minor stuff perhaps. See attached for how it looks from here. [ed. note: nuan88 last edited this post 8 years, 1 month ago.]
      • discuss.answer
        • 7527
        • 437 Posts
        Well I reloaded the css and all seems back to normal!
          www.PawsForWildlife.co.uk
          www.Borntobrick.co.uk
          • 46886
          • 1,154 Posts
          Good, its a nice looking site.