Entry Posting Question

[without_wings]

I know this is kind of a random question, but does anyone know if text wrapping (around a picture) is possible when posting an entry?  I would like to be able to post a small image and have the corresponding paragraph of text be right next to it, instead of above or below the picture. 

Thanks for your help in advance.

Comments

[raine]

The only way I know of to do that with online text involves the use of creating tables in HTML, so that you have the picture embedded in one cell of the table and the text in the other cell.

[without_wings]

Thank you.

[matgb]

My phone ate my earlier comment, but two people have replied below.

Two ways of doing it that are better than tables (Which, frankly, should only be used for data) are below, FoxFireFey's method using CSS is better overall, the other method using align within the html code works, but is deprecated.

The best way is to have some CSS classes in your layout code and just use them, but....

Oh, I may have a suggestion idea.

[foxfirefey]

Yup! Do you want it to go to the left or the right?

[without_wings]

Really. Awesome, thanks!

The left.

[foxfirefey]

Okay, so, here goes the example:

Option feugiat autem soluta sollemnes lobortis. Legentis aliquam ad exerci insitam littera. Molestie quod nobis cum mirum decima. Quod mirum ut usus dignissim nobis. Accumsan suscipit facilisis cum aliquam veniam. Littera duis clari odio quam praesent.

Facit sollemnes liber autem iusto non. Futurum dolore qui vulputate enim odio. In liber te ea te duis. Veniam nonummy est claritatem aliquam typi. Notare quod vulputate feugait futurum doming. Possim molestie dolore legunt est decima.

Videntur et littera formas ad Investigationes. Dolore dolor in wisi nulla quod. Habent in amet in dolor iis. Quam delenit quod nostrud option assum. Ullamcorper id processus sollemnes quarta blandit. Aliquip enim exerci qui per saepius.

And the code to do that is:

<div style="float: left; padding-right: 10px;"><img src="http://www.dreamwidth.org/userpic/28376/54718"></div>

It can be tweaked as needed, if that's not exactly what you're looking for!

[without_wings]

Oh, that's perfect. Thanks again!

[justhuman]

awesome! - notes for future postings

[baggyeyes]

Depending on which direction you want your image to be, say, right:
A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes.

Or, left:

A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes. A bunch of random text to illustrate my point in a random way. Random way, you say? Why, yes.

The code would look like this:

<img src="http://www.dreamwidth.org/userpic/407846/14785" align="right" hspace="5" vspace="5">

 

<img
src="http://www.dreamwidth.org/userpic/407846/14785" align="left" hspace="5" vspace="5">

To widen the space between the text and the image, fatten the hspace number.

Here's some more info: http://www.w3schools.com/tags/att_img_align.asp

[without_wings]

This was really helpful. Thanks so much!

[baggyeyes]

foxfirefey's way is the better one for bigger images, I think.