User645_3_t Cheryl Johnson
Find real estate listings in your city:
Members: 120,713 - 2,643 Online Now  Login
 

This series could be titled A Regular TypePad User Dabbles In WordPress.  As you read, please keep in mind that there are many, many people here who know much, much more about WordPress than I do.

However, curious about all the recent commotion over problems with inserting images in a WordPress post, I set up a test WordPress.com blog  http://cheryljns.wordpress.com/ and started playing around.

First off, I found that simply using the Firefox browser instead of Internet Explorer resolved many of the image positioning issues.

But for those who, in Tina Turner's immortal words, "never, ever seem to do anything completely nice and easy", here is my "nice and rough" beginner's version of positioning images with the WordPress code view.

1.  Write something.

2.  Upload first image.  Show:  Full size   Link to:  None   Click:  Send to editor

 

 

 

3.  Don't touch the image icon.  Click on the Code tab.

 

4.  In the HTML code, note the tag that starts with <img src   ... that is the HTML code for inserting an image.

 

 

5.  Edit just this one tag, by adding align="left" between the <img and the src.  Hit Save and continue.  After saving, WordPress will return to the Visual view.  Click on the Code tab to return to the HTML code.

 

6.  It looks to me that when using Internet Explorer as your browser, regardless of when your cursor is positioned, WordPress will add the image code at the top of the Code view window.  But, go ahead and place the cursor at the very beginning of the top line of code.

7.  While still in Code view, upload the next image.  See how the code for that image is now the first thing at the top in the Code view window?  It's easy to recognize anyway, it's the one without the align="left" that we just added between <img and src.

 

8.  Drag the mouse over the code for that new, second image.  Start at the first < and end at the >.  Images won't work without their angle brackets.  (But if you accidentally miss or delete an angle bracket, you can always type it back in.)  Hit Edit -> Cut

 

9.  Find the paragraph where you want to include the second image.  Position your cursor at the left side of one of the lines of text in the paragraph.  Hit Edit -> Paste.  For this image, try adding align="right" between <img and src.  Hit Save and continue.

 

(Analytical people will notice the screen shots were taken at different times with slightly different text, You're right, they were.  <s>)

Question for WordPress people:  Did the WordPress - Internet Explorer image positioning issues just start with the latest version of WordPress?

P S -- For anyone who does not know me.  I'm actually not a rank beginner.  I am a long time TypePad user.  See: http://www.nelalive.net/  ||   http://www.taylorhotsheet.com/  ||  http://www.dablogmother.com/ 

I really don't have any business writing about WordPress.  But after reading  Mike Jones comments about WordPress multiple photo issues, I thought I'd experiment with Wordpress (just for the h#ll of it).

THIS ARTICLE IS ALSO AVAILABLE AT DABLOGMOTHER

 

 
Post is included in group: My other blog is
Post is included in group: Typepad Users
Post is included in group: WordPress Blog

16 Comments on WordPress: Image Alignment In Code View

Cheryl - post like yours is what I found to be priceless about AR- where else people would take the time to provide this great information. Now, I was considering starting a second blog using Wordpress.org and suspected that it will be more then I want to deal with for the set up. I thought that posting would be as easy as on AR. From your post I am not sure any more. If to load a picture, I would have to change HTML code, that I don't know to begin with, should I not even think about using Wordpress.org? Thanks.

10/13/2007 07:51 AM by Faina Sechzer - Princeton, Montgomery, Hopewell, NJ Real Estate Expert (Henderson-Sotheby's International Realty)


Thank you for the explanation.  Unfortunately, I had a little flashback to Charlie Brown's teacher's voice during parts of it!

10/13/2007 08:00 AM by Jayne Dodgson (Prudential Preferred Realty)


Faina -- What I have found so far in my few days of experimenting is that WordPress behaves just fine when you use Firefox as your browser.  You won't need to tinker with the code.  On the other hand, WordPress and Internet Explorer do not seem to play well together, and you probably will need to tweak the code when writing posts in IE.

If you are not too familiar with coding, you probably want to consider using WordPress.com instead of the .org version.  The .org version is for when you want to install the program on your own server and run it yourself.  Total control, total power ... but maybe not what you want if it's your first outside blog.

Also, do take a look at TypePad.  It's not quite as popular as WordPress, but it's very customizable, and it's a little more forgiving of IE's eccentricities.

Here's a link to the TypePad group here on AR -- scroll towards the bottom of the list, I have some beginner posts  http://activerain.com/groups/typepad

Here's a link to TypePad's home page http://www.typepad.com/

Jayne -  :-)

10/13/2007 08:05 AM by Cheryl Johnson, Bob Taylor Properties, Inc., Los Angeles, CA


Good job Cheryl, I don't really think it is an upgrade issue but more of image size issues using different themes. There are a lot of different themes out there for WP.org consisting of 2-3-4 column themes and when bloggers try and upload photos they are too big and don't fit into the holders in the software that make the pictures look nice.

One must look at the different sizes of the themes, like the sidebars, main content and if you use a 3 column theme then the third sidebar. Most WP themes are built to be viewed with 800 pixels wide by 600 pixels.

That would mean that your main content area plus your sidebar(s) plus any margins or padding will add up to a maximum of 800 pixels in width.

That's how it was explained to me by Mark Flanders of the Soundbite blog.

I hope this wasn't too wordy.

10/13/2007 09:01 AM by Jay McGillicuddy~Real Estate Broker (Prudential Verani Realty)


Jay -- That's fine!  Not too wordy at all.

My own personal rule-of-thumb:

Nothing over 500 pixels wide for Active Rain

Nothing over 400 pixels wide for TypePad or WordPress (I tend to use 3 column layouts for all my outside blogs)

10/13/2007 09:09 AM by Cheryl Johnson, Bob Taylor Properties, Inc., Los Angeles, CA


Cheryl, good explanation of the code.

As a note to Faina, knowing html code is important for WP.com as well. You'll need it for the widgets and other items on the sidebar. Plus, it's very useful for the actual post.

I don't know how one would do ANY blog without knowing html. It's even beneficial here on AR if you want to do anything special with our profiles or blog sidebars.

10/13/2007 11:22 AM by Elaine Reese, REALTORĀ® in central Ohio (Real Living HER, Worthington Ohio)


Cheryl bad habits like using IE die hard.  Jay M. and I have discussed a couple of problems on my blog and I know if I got into the habit of working in Firefox it would be easier.  

10/14/2007 11:40 AM by Maureen McCabe - Central Ohio real estate (Real Living HER)


Using Firefox when working in WordPress makes all the difference in the world!  Thanks Cheryl. 

10/16/2007 01:47 PM by Maureen McCabe - Central Ohio real estate (Real Living HER)


Cheryl, Maureen. How do you do the firefox thing? Do you have to permanently switch your browser? Or can you alternate? I am so patheticaly geekless.

 Ginger

10/17/2007 09:41 PM by Wilmington NC Real Estate Ginger & Roger Sala Keller Williams (Keller Williams Wilmington North Carolina)


Ginger -- You can switch back and forth.  Firefox becomes just another program in your Start Menu list (Assuming you're on Windows)

I'm guessing you have a word processor program or a spreadsheet on your computer, and when you want to run that program you just click on its name in your Start Menu or its icon on your desktop?

Well, a second browser (or third or fourth) works the same way.  It's just another program.  You click on its name (or icon) when you want to run it.  If you want to run IE instead, you click on its name or icon.

You can download Firefox here: http://www.mozilla.com/en-US/firefox/

Do you know how to install a program after you download it?  Or do you need a hand there?

10/17/2007 09:50 PM by Cheryl Johnson, Bob Taylor Properties, Inc., Los Angeles, CA


Cheryl . Thanks so much for the info. I have installed a lot of software programs and never had a problem,,, I  just follow the prompts.  Is there something else I should know?? Hope I am doing it right!

 

10/18/2007 04:40 PM by Wilmington NC Real Estate Ginger & Roger Sala Keller Williams (Keller Williams Wilmington North Carolina)


Ginger:  Then you should be fine!  When Firefox asks it you want it to be your default browser, you might want to say "no", at least until you decide which one you prefer.

10/18/2007 04:43 PM by Cheryl Johnson, Bob Taylor Properties, Inc., Los Angeles, CA


Cheryl, your step by step instructions are wonderful.  I have been playing with wordpress for the last few weeks and have to admit it's overwhelming.  I've been trying to follow some of your advice, but think that I'm not quite techy to manage this on my own. 

Just wanted to say thank you for sharing and all of your pointers!

01/28/2008 01:31 AM by Pasadena CA Real Estate - Irina Netchaev (Keller Williams International Realty)


Very informative post. Thanks for that. How would you like to discuss business related topics on the all new <a href="http://www.businesss-forum.com">business</a> forum. So many members could gain knowledge from your business experiences and advice.

Please think it over.

Thanks,

Col :)

02/04/2008 05:13 AM by Business


Leave a response…

Name:
Notify me of new comments:
Comment:
What does the graphic say?
 
Real Estate Brokerage: Cheryl Johnson, Bob Taylor Properties, Inc., Los Angeles, CA
Cheryl Johnson
Highland Park, CA
More about me…
Cheryl Johnson, Bob Taylor Properties, Inc., Los Angeles, CA

Office Phone: (323) 257-1080
Email Me


Caution: CAT BLOG AHEAD

Including random thoughts on life, art, business, stuff, and occasionally Real Estate.

What is a CAT BLOG?

According to Seth Godin: "Cat blogs are for, by, and about the person blogging. A cat blog is about your cat and your dating travails and your boss and whatever else you feel like sharing in your public diary."

Well, I am the boss, my dating years are behind me, but I do love my cats.

Enjoy!



Subscribe to CJ's blog by email
Enter your Email


Preview | Powered by FeedBlitz



Support Vlad Zablotskyy's Defense Fund
Defend your own right to free speech!





Links

Archives

RSS 2.0 Feed for this blog
ATOM 1.0 Feed for this blog

Find CA real estate agents and Highland Park real estate here on ActiveRain.
Disclaimer: ActiveRain Corp. does not necessarily endorse the real estate agents, loan officers and brokers listed on this site. These real estate profiles, blogs and blog entries are provided here as a courtesy to our visitors to help them make an informed decision when buying or selling a house. ActiveRain Corp. takes no responsibility for the content in these profiles, that are written by the members of this community.
© 2007 ActiveRain Corp. All Rights Reserved