We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 11336
    • 20 Posts
    Hi,

    I want to display some images (logos of differing sizes but could constrain the image width) in rows across one page and add a hyperlink (to external sites) to each image. I can’t do this simply using the resource content area because i need to ’clear’ each row with css. I don’t want to complicate things for the person administering this website.
    What would be the best way to do this so the administrator simply has to upload an image, add a link and the images will output in rows across the pages?

    Thanks for any advice

    G
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      In your CSS, simply use a width appropriate to the number of items in a row, and use float: left. They will automatically drop to the next row when the next image would overflow the container. No need to clear them.
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 11336
        • 20 Posts
        hi susan,

        Yes of course...I have simply done it with the images inserted into the content area as a list and styled with CSS (display:inline;). This way it should be fairly easy for an administrator to add further images.

        Thanks for your help