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.
can't get pictures to display inline
6 posts from 3 voices-
Posted 2 years ago #
-
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
Posted 2 years ago # -
Thanks! I also just discovered that <BR CLEAR=all> helps
Posted 2 years ago # -
Hey,
just a side note - I think br clear=all isn't w3c valid so css based solution is better :)Posted 2 years ago # -
Love it. Thanks again. Dude
Posted 2 years ago # -
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
Posted 2 years ago #
Reply
You must log in to post.














