WordPress.com Forums » Tag: image alignment - Recent Posts http://en.forums.wordpress.com/tags/image-alignment WordPress.com Forums » Tag: image alignment - Recent Posts en Tue, 21 May 2013 17:37:55 +0000 http://bbpress.org/?v=1.1-alpha-2539 justpi on "Picture-Text alignment" http://en.forums.wordpress.com/topic/picture-text-alignment-1#post-1273534 Tue, 21 May 2013 12:32:34 +0000 justpi 1273534@http://en.forums.wordpress.com/ Yes (provided you don't insert full-width versions,* of course): you simply set the alignment of the images to left instead of none.

* When you are about to insert an image, you get four size options: full-width, large, medium and thumbnail. Full-width means original size, if the original is narrower than the main column, or downsized to the column width, if the original is wider. The default widths for the other three options should be set by you in Settings > Media. The width of the main column in Twenty Eleven is 585px, so you should set large, medium and thumbnail to around 500, 300 and 150, respectively.

]]> theappositeak on "Picture-Text alignment" http://en.forums.wordpress.com/topic/picture-text-alignment-1#post-1273523 Tue, 21 May 2013 12:16:07 +0000 theappositeak 1273523@http://en.forums.wordpress.com/ Hello,

I was wondering if it possible to have the images of posts on the left and then writing on the right and continuing at the bottom, like a newspaper article.

I am using Twenty Eleven theme.

Thank you

]]> timethief on "Layout issues" http://en.forums.wordpress.com/topic/layout-issues-18#post-1271391 Sun, 19 May 2013 19:48:00 +0000 timethief 1271391@http://en.forums.wordpress.com/ For other layout issues you may have see > http://en.support.wordpress.com/themes/layout-issues/

]]> timethief on "Layout issues" http://en.forums.wordpress.com/topic/layout-issues-18#post-1271390 Sun, 19 May 2013 19:47:11 +0000 timethief 1271390@http://en.forums.wordpress.com/ The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that's centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<div style="clear:both;"></div>

]]> timethief on "Layout issues" http://en.forums.wordpress.com/topic/layout-issues-18#post-1271389 Sun, 19 May 2013 19:46:34 +0000 timethief 1271389@http://en.forums.wordpress.com/ Blog editors and word processors are not the same and do not work the same way. The web standard is one blank line only, so you cannot add more blank lines by pressing return repeatedly like you would do with a typewriter or in a word processing application. If you want to learn how to format and space your posts and pages see:
http://en.support.wordpress.com/writing-and-formatting-poetry/

If you are working in the Visual editor, to get single spacing between paragraphs hold the SHIFT key down and simultaneously click ENTER at the end of the paragraph.

If you are working in the HTML (Text) editor, a single click of ENTER will give you a single-spaced line, and two clicks of ENTER will result in double spaced lines. http://onecoolsitebloggingtips.com/2011/09/13/wordpress-formatting-and-spacing/

P.S. When you create a new post, always make sure the Format tool is set to Paragraph before you start typing. It's in the Visual editor Row 2 first position "style". See the illustration here http://en.support.wordpress.com/visual-editor/#row-2 If you forget to do that then edit the post, highlight all in the Visual editor, select Paragraph from the Format tool, switch editor to Text then switch back to Visual and click Update.

]]> cathywil on "Layout issues" http://en.forums.wordpress.com/topic/layout-issues-18#post-1271135 Sun, 19 May 2013 13:00:15 +0000 cathywil 1271135@http://en.forums.wordpress.com/ How can I work with both text and photos in a Post so the layout looks professional?

Thanks, Cathy

]]> timethief on "text wrap around photos" http://en.forums.wordpress.com/topic/text-wrap-around-photos#post-1259304 Wed, 08 May 2013 01:50:26 +0000 timethief 1259304@http://en.forums.wordpress.com/ Oh good, you mastered it. Best wishes with your blog. :)

]]> twobordercollies on "text wrap around photos" http://en.forums.wordpress.com/topic/text-wrap-around-photos#post-1259265 Tue, 07 May 2013 23:47:27 +0000 twobordercollies 1259265@http://en.forums.wordpress.com/ OK, I tried it again, and it worked this time.
Thank you thank you thank you!

]]> twobordercollies on "text wrap around photos" http://en.forums.wordpress.com/topic/text-wrap-around-photos#post-1259259 Tue, 07 May 2013 23:40:09 +0000 twobordercollies 1259259@http://en.forums.wordpress.com/ OK-now I seem to have subscribed the person I'm working on this site for to this post. any way to undo that?
The only way to keep all three photos on one line is to set all the alignments to "left". In which case the code you sent didn't do anything...unless I'm not doing it right, which, at this point, is probable.

]]> beauticontrolbev on "text wrap around photos" http://en.forums.wordpress.com/topic/text-wrap-around-photos#post-1259255 Tue, 07 May 2013 23:33:33 +0000 beauticontrolbev 1259255@http://en.forums.wordpress.com/ Yes, but now all 3 little photos are all on separate lines....I want them to all be on one line. Changing the alignment to "none" accomplished that anyway, even before I used the code you gave me.????

]]> timethief on "text wrap around photos" http://en.forums.wordpress.com/topic/text-wrap-around-photos#post-1259245 Tue, 07 May 2013 23:19:42 +0000 timethief 1259245@http://en.forums.wordpress.com/ Hi there,
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that's centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<div style="clear:both;"></div>

]]> twobordercollies on "text wrap around photos" http://en.forums.wordpress.com/topic/text-wrap-around-photos#post-1259241 Tue, 07 May 2013 23:15:20 +0000 twobordercollies 1259241@http://en.forums.wordpress.com/ This is just a test blog. The one I need help with is actually http://beautibasics.wordpress.com/host-a-spa-party/
The problem is that the text is next to the last photo, and I want it to drop to below the photo. I know that if I change the alignment to "none" it will work, but if I do that, the photos don't stay on the same line. What I want to do is use paragraph tags to make it drop to below the photo. This works perfectly when I edit the html of a POST, but it won't work on a PAGE. HELP! I've been struggling with this for about 4 hours.

]]> timethief on "html code" http://en.forums.wordpress.com/topic/html-code-10#post-1247605 Mon, 29 Apr 2013 19:34:23 +0000 timethief 1247605@http://en.forums.wordpress.com/ You're welcome and happy blogging.

]]> mattcabot on "html code" http://en.forums.wordpress.com/topic/html-code-10#post-1247585 Mon, 29 Apr 2013 19:26:26 +0000 mattcabot 1247585@http://en.forums.wordpress.com/ Great suggestion. Thanks.

]]> timethief on "html code" http://en.forums.wordpress.com/topic/html-code-10#post-1247579 Mon, 29 Apr 2013 19:21:51 +0000 timethief 1247579@http://en.forums.wordpress.com/ The volume of images isn't really an issue. http://en.support.wordpress.com/space-upgrade/
I recommend that you size them first to fit before you upload them.

]]> mattcabot on "html code" http://en.forums.wordpress.com/topic/html-code-10#post-1247572 Mon, 29 Apr 2013 19:18:38 +0000 mattcabot 1247572@http://en.forums.wordpress.com/ Exactly what I want. As long as I have your attention, my plan is to put about 10-20 or so pictures on my travel blog every day. We will be gone about a month. Someone else suggested I use picassa for the pictures. Would WordPress be appropriate for that volume of pictures?

]]> timethief on "html code" http://en.forums.wordpress.com/topic/html-code-10#post-1247557 Mon, 29 Apr 2013 19:12:07 +0000 timethief 1247557@http://en.forums.wordpress.com/ Hi there,
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that's centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<div style="clear:both;"></div>

]]> mattcabot on "html code" http://en.forums.wordpress.com/topic/html-code-10#post-1247552 Mon, 29 Apr 2013 19:10:18 +0000 mattcabot 1247552@http://en.forums.wordpress.com/ Can I add html code to make text wrap around a picture. Something like:

<img height="167" src="http://www.losaltosrotary.org./2012-2013/Pictures/43-0425/Resized/Joe_MacNamara_speaker3.jpg" width="250" class="style5"
alt="Joe MacNamara" title="Joe MacNamara" style="float: left; margin-right:10px " />

]]> scrisostimo on "Images too small" http://en.forums.wordpress.com/topic/images-too-small-1#post-1244283 Fri, 26 Apr 2013 20:22:58 +0000 scrisostimo 1244283@http://en.forums.wordpress.com/ Thank-you, I understand the align buttons are for text. I was having trouble getting them to actually do what they are supposed to!
I am more concerned with the fact that the images from my media library show up so small in my post. I know they should appear larger. In the 'edit image' I can play around with the height / width measurements however it doesn't automatically ratio them evenly, so the image is skewed. If I do simple math to increase both axis, the image appears blurry ( and they are high quality images).

What am I missing?

]]> timethief on "Images too small" http://en.forums.wordpress.com/topic/images-too-small-1#post-1244262 Fri, 26 Apr 2013 20:11:42 +0000 timethief 1244262@http://en.forums.wordpress.com/ The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that's centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<div style="clear:both;"></div>

]]> timethief on "Images too small" http://en.forums.wordpress.com/topic/images-too-small-1#post-1244259 Fri, 26 Apr 2013 20:10:40 +0000 timethief 1244259@http://en.forums.wordpress.com/ See here please > Dashboard > Settings > Media

]]> timethief on "Layout/ Spacing Issues" http://en.forums.wordpress.com/topic/layout-spacing-issues#post-1244113 Fri, 26 Apr 2013 18:51:31 +0000 timethief 1244113@http://en.forums.wordpress.com/ That's because you don't know how to properly align images and use text wrapping.

Hi there,
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that's centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<div style="clear:both;"></div>

]]> danomadden on "Layout/ Spacing Issues" http://en.forums.wordpress.com/topic/layout-spacing-issues#post-1244105 Fri, 26 Apr 2013 18:49:29 +0000 danomadden 1244105@http://en.forums.wordpress.com/ I am having issues when I create pages, especially with images. If I insert images and set the layout, the images will sometimes jump when I hit UPDATE or when I go to preview the page. For example, I am trying to create a publications page with images of the various books that my work is in. I want each of these images to link to sites where the work can be published. I inserted all of the various images in a line down the page. When I hit update, all of the image move up and are crunched together, next to each other (left to right no the screen rather than top to bottom).

How can I avoid/ fix this problem?

Thank you so much for your help!

best,
Dano
[email redacted]

]]> jaffffsrosario on "Images too small" http://en.forums.wordpress.com/topic/images-too-small-1#post-1243193 Fri, 26 Apr 2013 03:25:49 +0000 jaffffsrosario 1243193@http://en.forums.wordpress.com/ just edit the picture you can resize it... :)

]]> scrisostimo on "Images too small" http://en.forums.wordpress.com/topic/images-too-small-1#post-1243172 Fri, 26 Apr 2013 02:27:55 +0000 scrisostimo 1243172@http://en.forums.wordpress.com/ When I add media (images) to my post, the editing window tells me they are already 100% of size and blanks out the larger sizes. Yet once inserted into my post, the images still look so small compared to other blogs with the same theme. Why can't I enlarge these anymore?

As well, when I insert a picture beside text, the text automatically shifts below the image and the left/center/right toggles don't allow me to align the text beside the image.

]]> justpi on "Bad format shape" http://en.forums.wordpress.com/topic/bad-format-shape#post-1235039 Sun, 21 Apr 2013 17:15:21 +0000 justpi 1235039@http://en.forums.wordpress.com/ It's also because you probably copypasted the content from another source, and the images aren't uploaded to your blog.

]]> timethief on "Bad format shape" http://en.forums.wordpress.com/topic/bad-format-shape#post-1235032 Sun, 21 Apr 2013 17:11:21 +0000 timethief 1235032@http://en.forums.wordpress.com/ I'm sorry that code above ought to be:
<div style="clear:both;"></div>

]]> timethief on "Bad format shape" http://en.forums.wordpress.com/topic/bad-format-shape#post-1235027 Sun, 21 Apr 2013 17:10:13 +0000 timethief 1235027@http://en.forums.wordpress.com/ That's because you don't know how to properly align images and use text wrapping.

Hi there,
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that's centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<p style="clear:both;">TEXT HERE</p>

]]> jessnook on "Bad format shape" http://en.forums.wordpress.com/topic/bad-format-shape#post-1234871 Sun, 21 Apr 2013 14:16:29 +0000 jessnook 1234871@http://en.forums.wordpress.com/ some stuff i typed goes in a weird format i don`t like it

]]> jdavidsen on "layout slides all over the place--Part 2" http://en.forums.wordpress.com/topic/layout-slides-all-over-the-place-part-2#post-1213037 Sun, 07 Apr 2013 16:48:25 +0000 jdavidsen 1213037@http://en.forums.wordpress.com/ Thanks so much, justpi. It's probably going to take a while to get my head around all this, but I did want to respond to some of your concerns:

4) I can live with a little misalignment at the bottom of "fortunyturban" and "arabwtapestry."

5) I plan to address the opening image and caption, but as long as they're staying put, I'm okay with it for the time being.

6) I rather like having the occasional group of images with no space in between, but I can live with a small amount of space.

Again, thanks, and thanks, too, to thistimethisspace.

]]>