Text won’t wrap around image – tried everything

  • Resolved rfielder21

    (@rfielder21)


    14 years, 2 months ago

    This has been unbelievably frustrating, and I’ve been troubleshooting for two days, but I still cannot get text to properly wrap around images in this new WordPress-launched site.

    I’m using the Vintage Mag theme, which in retrospect was a huge mistake, because the coding is obviously messed up.

    See the problem here:

    http://www.mnpokermag.com/2010/02/07/dan-dow-wins-february-island-tournament/

    and here:

    http://www.mnpokermag.com/2010/02/05/welcome-2/

    In the style.css file, I currently have this code:

    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}

    ====

    I’ve also tried various other similar “float” codes, but nothing works. I also installed a new admin editor, which sort of fixed the problem… text wrapped somewhat properly, but the paragraph tags were somehow removed upon posting, which left a jumbled mess of text.

    Any suggestions? Is there a conflict w/ the admin CSS?

Viewing 6 replies - 1 through 6 (of 6 total)
  • deckster0

    (@deckster0)

    14 years, 2 months ago

    Remove the paragraph tags (<p> and </p>).

    Thread Starter rfielder21

    (@rfielder21)

    14 years, 2 months ago

    I’m back to the original editor now, which is more ideal for the multiple authors we have.

    With the original editor, the paragraphs show up just fine. But as you can see in the above links, they do not wrap around the image.

    Thread Starter rfielder21

    (@rfielder21)

    14 years, 2 months ago

    Also, if anybody knows whether a style.css code (such as the image float code above) can somehow be canceled out by another file, let me know. I’m totally baffled right now.

    Rev. Voodoo

    (@rvoodoo)

    14 years, 2 months ago

    grab the firebug addon for firefox…..lets you see what css is applying/overwriting what

    Thread Starter rfielder21

    (@rfielder21)

    14 years, 2 months ago

    The CSS in this theme is actually a 960 grid-style CSS, with a style-960.css file.

    Is anybody familiar with 960 CSS and/or know how that may or may not affect the style.css file?

    Thread Starter rfielder21

    (@rfielder21)

    14 years, 2 months ago

    The problem was this strip of code in the style.css file:

    #content div.post p { line-height: 1.6em; color: #666; clear: both; padding: 10px 10px; margin: 0; }

    Deleting it fixes the issue, but creates a couple other formatting problems. Still have to fix those, but deleting the above line fixes the text wrap problem.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Text won’t wrap around image – tried everything’ is closed to new replies.