Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3177

    I’ve tried every wrapping tag in HTML and can’t get the images of charts at http://thesmarterscienceofslim.com/the-idea to display inline. Specifically, I do not want any of the page body text to the left or right of the image…I’d like it to inline with the text. Any help would be truly appreciated.

    #41085

    Hey,

    I think what you’re trying to do is block display the images (it is currently inline, having text next to the image).

    There is a whole heap of extra code which shouldn’t be part of the post (I’m guessing you use the visual editor??) so there is no easy way to accomplish this without first fixing the HTML markup but a quick and dirty hack to do this is to open style.css and around line 780 you’ll find this code:

    p {
    padding: 0 0 1em;
    }

    change it to:

    p {
    clear: left;
    padding: 0 0 1em;
    }

    This should now present the text under the image (in Firefox at least, I can’t live test this code in other browsers).

    James

    #41086

    Thanks! I also just discovered that <BR CLEAR=all> helps

    #41087

    Hey,

    just a side note – I think br clear=all isn’t w3c valid so css based solution is better :)

    #41088

    Love it. Thanks again. Dude

    #41089

    Hey,

    You can use the:

    <br />

    method but use this code if you prefer this solution over the CSS fix:

    <br style="clear: both" />

    This is valid code, but as I said before you should really clean up the code and use CSS for this.

    James

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘can't get pictures to display inline’ is closed to new replies.