Web Analytics Made Easy -
StatCounter Aligning images next to paragraphs - easiest way? - CodingForum

Announcement

Collapse
No announcement yet.

Aligning images next to paragraphs - easiest way?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Resolved Aligning images next to paragraphs - easiest way?

    Hi,

    I have this situation:

    |-------------------------|
    | paragraph |--|
    |
    | paragraph |--|
    |
    | paragraph
    |
    --------------------------|

    The |--| symbolizes images.
    What would be the easiest and most correct way to align the pictures next to the paragraphs? Wrap the paragraphs and images in a div and then float it?
    Last edited by CaptainB; Apr 12, 2009, 02:25 PM.

  • #2
    Hello CaptainB,
    They pretty much have to be wrapped together in a div, otherwise they won't line up when you get more than 2 or three. Have a look at a little demo I have at http://nopeople.com/CSS/image%20captions/index.html , see if that gives you any ideas.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use a DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

    Comment


    • #3
      Hey Excavator, thanks for the link.
      I ended up making two floated divs - one for the <p>s and one for the images.

      Comment

      Working...
      X