without_wings: (Default)
without_wings ([personal profile] without_wings) wrote in [community profile] getting_started2010-04-11 05:03 pm

Entry Posting Question

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.
raine: (SG1: ONeill Huh by txduck)

[personal profile] raine 2010-04-11 10:03 pm (UTC)(link)
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.
matgb: Artwork of 19th century upper class anarchist, text: MatGB (Default)

[personal profile] matgb 2010-04-11 11:56 pm (UTC)(link)
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: A fox colored like flame over an ornately framed globe (Default)

[personal profile] foxfirefey 2010-04-11 10:07 pm (UTC)(link)
Yup! Do you want it to go to the left or the right?
foxfirefey: A fox colored like flame over an ornately framed globe (Default)

[personal profile] foxfirefey 2010-04-11 10:38 pm (UTC)(link)
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!
justhuman: Fox leaping vertically to snag a snack (foxhunt)

[personal profile] justhuman 2010-04-11 11:18 pm (UTC)(link)
awesome! - notes for future postings
baggyeyes: Bugs Bunny and the Bull (Default)

[personal profile] baggyeyes 2010-04-11 10:47 pm (UTC)(link)
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
Edited 2010-04-11 22:52 (UTC)
baggyeyes: Bugs Bunny and the Bull (Default)

[personal profile] baggyeyes 2010-04-13 10:48 am (UTC)(link)
[personal profile] foxfirefey's way is the better one for bigger images, I think.