Image alignment help please

[topstuff]

Hi everyone, I have been using wordpress direct since I did the 30DC in August but I keep having the same recurring problem with every theme.

I can not align my images, except for either left or center. I want to have the text wrapping around them.

Months ago I put a ticket in about the problem I was having, and I was told it was purely to do with my theme, but since then, I now have a few more blogs and no matter which themes I seem to use, the problem doesn't go away :(

I had basically given up on it, but then I saw one of my friends blogs who is not using WPD but instead WP and all I could say it wow...... that looks so good. She had like 5 images in the one post, all in with text wrapping around them and it flowed so nicely, it looks fantastic. I asked her how she did it in case she knew some trick I didn't, but nope, she just clicked either left of right on the alignment and the text automatically wrapped around the images.

I can only really use an image at the start or finish of each post, as otherwise if I use one part way through, it looks stupid. Ends up looking like paragraphs of writing seperated by big gaps where the image ends up between two paragraphs, if you know what I am trying to explain?

Can anyone help me? Is there some other way around this, is it in fact the theme, do other people have these problems? :confused:

Any help you can offer me will be so appreciated
Many thanks :)

[islandroamer]

I can not align my images, except for either left or center. I want to have the text wrapping around them.


Why not use tables, with the image on one side and the text in the other?

<table cellpadding="10" align="center"><tbody>
<tr><td valign="whatever" width="some number - I like 150 max"> your image code </td>
<td align=left> your text </td></tr></tbody></table>

You can add or subtract text to balance the line, and put any remaining text either in another row, or outside the table. To add a pure text row, use 2-column span:

<tr><td colspan=2> more text </td> ...etc

[topstuff]

Hi Islandroamer

thanks for that option. I have not done any coding etc, but I can try to give it a go :o

Not sure how I will go, but I can try ;)

thank you

[islandroamer]

Hi Islandroamer

thanks for that option. I have not done any coding etc, but I can try to give it a go :o

Not sure how I will go, but I can try ;)

thank you

You're welcome. Here's an example from my Warhammer blog - I simply modified the youtube autopost to clean up the piece, without changing the content at all:

http://actlightning.com/warhammer/warhammer-online/warhammer-online-black-guard-career-video

You can use your browser's VIEW SOURCE function to see the exact code used, and steal it for your own use.

All the best,

Ken

[topstuff]

wow you are too kind, thank you so much Ken, I will go and have a look :D

[topstuff]

:o I tried I got sooooooooooo lost. Sorry I guess I have a lot to learn.

I just wish I could click on the alignment options like everyone else does and have them work, hard to believe it's a fault in every theme I pick :(

Thanks heaps for your kind help Ken, but I think it's little too far over my head at this point, i did honestly try, even did the View Source on my friends blog too, lol.

Tash

[islandroamer]

Here's the code for that Warhammer piece. View the piece again while you look at the code, and it will come together for you!

<table align="center" cellpadding="10"><tr><td><img src="http://i.ytimg.com/vi/BS7Y7T3thD4/2.jpg" alt="" align="left" /></td><td align="left">"The Black Guard is the embodiment of brutish, shear bloody-minded violence. They are encased in phenomenal amounts of armor and wield the biggest, evilest, bad*** weapons they can find. Their job is to find the enemy and kill 'em.
</td></tr></table>They are basically very, very dangerous, really hard to kill, and when they get close to you they deal out tons of damage. The more they hate you, the more damage and misery they will pile upon you. And you know what? They hate everybody, all the time, forever!"
- Paul Barnett, Creative Director

Duration : <strong>0:2:33</strong>

<!--more-->
[youtube BS7Y7T3thD4]
<br>&nbsp;<center>
Get <a href="http://www.amazon.com/gp/product/B000TD3IA2?tag=warhammerblog-20" target="_blank">Warhammer Online : Age of Reckoning</a> here.</center><p>&nbsp;

---END CODE SNIPPET---

Cut and paste this code to your blog when you want to use a single image. Without all the claptrap, it boils down to this:

--CLEANED CODE--

<table align="center" cellpadding="10">
<tr>
<td>
<img src="{your image link} alt="" align="left" />
</td>
<td align="left">{some text}
</td>
</tr>
</table>{more text, YouTube link, etc.}{an Amazon affiliate code}

--END CLEANED CODE--

[ishabluebell]

Some time ago I found this:
http://www.squidoo.com/basichtml

The image-wrap section is just under half-way down the page; I don't know if it will work for WP.

Also, I found this tutorial:
http://mcbuzz.wordpress.com/2007/11/04/wordpress-tutorial-how-to-position-an-image-and-wrap-text-around-an-image-using-wordpress/

I got the latter via the following search:

http://www.google.com/search?q=image+wrap+wordpress&rls=com.microsoft:en-gb:IE-SearchBox&ie=UTF-8&oe=UTF-8&sourceid=ie7&rlz=1I7SUNA_en

I dunno if it helps.

Isha