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
-
☆ 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.
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