Trouble with Image/Text Wrap

  • kentopolis

    (@kentopolis)


    13 years, 8 months ago

    My website http://epic4life.com/ is not formatting aligned images properly. I believe my CSS is correct and it seems like the HTML is being called right, any help?

    Here is an example page http://epic4life.com/our-team/
    and my CSS:

    img{border-style:none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

Viewing 2 replies - 1 through 2 (of 2 total)
  • DigitalSquid

    (@twelvefootsnowman)

    13 years, 8 months ago

    Yup, the CSS for the images is fine. It’s the CSS for the paragraphs next to them that’s the issue.

    Try changing:

    .post p {
  clear: both;
  line-height: 20px;
  margin: 0px 0px 19px;
}

    To:

    .post p {
  clear: left;
  line-height: 20px;
  margin: 0px 0px 19px;
}
    Thread Starter kentopolis

    (@kentopolis)

    13 years, 8 months ago

    Ah… Perfect thanks, works like a charm, actually set it to “none” since I use left aligned too… Hopefully that doesn’t mess anything up!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Trouble with Image/Text Wrap’ is closed to new replies.