Inline image wrap and browsers

  • Resolved szstevo

    (@szstevo)


    17 years, 11 months ago

    I’ve been trying to use text wrap inline images in posts (using CSS img.right img.left).

    Everything looks great when viewed in IE 6, but when I view the page with Firefox 2 I get no image, just the highlight box and caption.

    Am I doing something horribly wrong? The CSS code I am using is:

    > img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }

    > img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

    > .right { float: right; }

    > .left { float: left; }

    > .caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }

    Any help greatly appreciated.

Viewing 1 replies (of 1 total)

  • I don’t think the line before the code you posted is correct:

    p img {
        padding: 0; max-width: 100%; }

    If you delete that – the images appear.

Viewing 1 replies (of 1 total)
  • The topic ‘Inline image wrap and browsers’ is closed to new replies.

Tags