How to separate data in page post?

  • I need to create a Page that shows about 10 books from Amazon that relate to my blog theme. I want to paste the Amazon clickable book image with my own book review beside it and then insert a divider and paste in the next book image so I can have all 10 reviews on the same page.

    Is there a good way to create that divider so my page layout looks nice and the review text sits next to the image?

    Or can I create a table with maybe 2 columns and 5 rows and insert the images in each table cell? (would need to be simple as I’m not swift on writing code)

Viewing 1 replies (of 1 total)

  • This should help:
    https://css.maxdesign.com.au/floatutorial/

    Look around that site a bit. I’m thinking you’ll have it set up like this:
    https://css.maxdesign.com.au/floatutorial/tutorial0106.htm

    You’ll just have 10 of those on a page. The difference should be that you’ll add something to make the review P tags unique from others on the page, something more like this:
    <p class="review">
    <img class="floatright" src="images/image.gif" alt="" width="100" height="100">Lorem ipsum dolor sit amet, consectetuer...
    </p>

    Just make sure that p.review has “clear: both;” and each set of review and image should sit right next to each other, looking very similar to what would happen if you’d used tables. If you’re not swift with code, I think that using tables is out. Setting this up with CSS would make it much easier for you to modify this in the future, adding more reviews and images as you please.

    Can you show us an attempt so what you want to do is clearer?

Viewing 1 replies (of 1 total)
  • The topic ‘How to separate data in page post?’ is closed to new replies.