I could use some more technical help (she said while tearing her hair out...): Redux
I took this down too early; my apologies. I thought I was just gettin it out of the way for other, more universal blogs. It was requested that I re-publish it and the comments. If they don't appear, I can cut and paste them into comments, I'd guess. Here goes.
Some of you have been kind enough to help me, and thank you again. Some of your help got through to me. I spent about 4 hours yesterday trying to get a picture into my blog, but failed.
Here are the hints I received before. I am using WinWord, as my Notepad has almost zero functions on the Menu bar. I assume that if I add a picture correctly, it will show up when I press Preview, yes?
Wendy,
If you are working in MS Word click INSERT from the menu, click HYPERLINK. When you have the HYPERLINK dialog click the selection BROWSED PAGES. That will show your recent browsed pages. Select the one with the image you want in your document.
Another method, maybe simpler, is from your browser RIGHT click the image on the actual live web page. Select PROPERTIES in the right click dialog. The properties dialog will show the exact http address of the image. Copy and paste that address into your word document.
Some of the suggestions like Widgets, etc. are Greek to me; and I have no notion of what composing in HTML means unless it's HoTMeaL :-}.
I tried to find Moveable Type instructions for this question, and struck out at the bottom of the ninth.
'Bout all I have to trade is birrrd photos, ain't even got a cheezeburger lately. I'll take this post down once I get it worked through. Thank you in advance.
Oh--when I click the Moveable type image button, it says Error, no source data or something like that.
You sillies; you don't have to rec this! I just wanted some Helllpppp!
October 22, 2009 9:14 AM | Reply | Permalink
Hey Wendy,
I tried to explain it to Dick a while ago, but failed miserably. I'm incompetent...
But right now have nothing to do, soooo
start with
step 1: Stop pulling (it reduces pain and hair loss)
step 2: If you can't do it without fiddling with the html, don't be afraid of source code.
step 3: To see (and modify) source code of the blog you're writing, you need to change a little setting: on the 'create entry' page, above the top right-hand corner of the box where you type the 'body' of the blog, there is a little square with the default 'format' setting which says 'rich text'. Change the setting to 'none'.
If you've already written something in the blog entry, you should now see the text you've written plus some html around it (line-breaks and such).
Step 4: Now go to roughly where you want the picture inserted and paste the following code there:
(div class="img")
(img src="ADDRESSOFYOURPICTURE" alt="Ithinkyoucanwritewhatyouwanthere" /)
(/div)
- All those round brackets - () - should be changed to pointy brackets. I made them round because the pointy ones won't show up in comments.
- paste in the address of your picture where I wrote 'ADDRESSOFYOURPICTURE' for instance my last picture's address was
http://www.dailymail.co.uk/legacygallery/gallery-8537/Pug-dogs-dressed-famous-people.html
Step 5: revert the format to 'rich text'.
Step 6: wait 10 seconds, and then the picture should appear in your 'body' box.
Step 7: Continue writing your blog text as you normally would
Step 8: preview your blog.
Step 9: if this doesn't work, start pulling again until someone competent comments here...
P.S. I'm putting up a blog with a picture now. Go to 'view' in your browser menu at the top, go to 'see source code', and then scroll down to where you see the address of my picture. That's the kind of source code you need to insert into your blog.
P.P.S. If this makes no sense, please ignore.
October 22, 2009 9:15 AM | Reply | Permalink
Obey, to do this right so the link works in all browsers you need two lines.
One is the 'href' statement specifyng the page reference.
The second is the "img alt"" src" line that specifies the image from the referenced page in the first line.
IE8 is especially adherent to the W3C HTML standard that defines this and it won't work unless it is done right. This is also this way for security reasons. The instances people encounter here where a page doesn't dis[play correctly is because it was coded wrong. When you do it correctly is always works.
If you aren't sure you can run your page through the W3C code validator here:
http://validator.w3.org/
October 22, 2009 2:58 PM | Reply | Permalink
You are confusing the issue somewhat. For an <img> tag, The W3C DTD only requires "src=" and "alt=" attributes as Obey showed. And for the record, IE8 will display an image without the "alt", it is just frowned upon heavily.
"href" does not apply to the <img> tag at all - it applies to the <A> (action) tag which is used to make the image a clickable link. For a list of all valid <img> attributes, see here.
IE8 has the same problem that every IE has had since the beginning: they have their own unique definition of standards compliance. Now it's even more of a pain in the ass because you have to code special for both IE6/7 and IE8 in addition to the other browsers that all seem to work in the same standards-compliant fashion. Security has nothing to do with it.
October 22, 2009 3:23 PM | Reply | Permalink
Then I'm confused. If I use the W3C code vaildator to check a page and it has an image link as you say, it screws up.
If I put a href line for the page and then the src line for the image being linked to on that page the code validator sails through without a problem. It has been this way for a while. It wants a page reference followed by the image reference on that page. And it ain't happy if you don't do it that way.
October 22, 2009 4:03 PM | Reply | Permalink
Hmmm ... the only time the W3 validator bitches at me when using the "img" tag is when I'm lazy and don't include an "alt" attribute. I might be misunderstanding the issue you are having.
October 22, 2009 5:56 PM | Reply | Permalink
That is to say if you use img you must provide a definition? img alt="Name of Image"
The 'img' requires arguments to be valid?
October 23, 2009 12:01 PM | Reply | Permalink
Here is a basic tutorial on using images in web pages.
October 22, 2009 9:47 AM | Reply | Permalink
Okay, loves, I copied everything, and I'll go try them. After I feed the birds; it's like a Hitchcock movie out there; they're bangin' on the windows, yellin' at me, the ingrates. Don't they get i'm still in my pajamas and eatin' Cheetos???
Danke. Merci. Gracias.
October 22, 2009 10:32 AM | Reply | Permalink
If your pictures are on on your own computer (hard drive) you can't insert them, I think. Upload them to a public site like Photobucket or Flickr. Then you insert the URL, the web address, which is what the address bar in your browser is showing when you have them on the screen. In other words, you have to link to pictures at a public location; you can't simply paste them in from your own sources.
BTW, Wikipedia has a page on html, hypertext markup language, tags and terms.
October 22, 2009 10:49 AM | Reply | Permalink
BTW, nice western tanager.
October 22, 2009 10:50 AM | Reply | Permalink
Isn't he a corker? I had been told i'd have to put my own oics on flicker or another like it to access them them for insertion. I am humiliated to say I didn't have the patience to try to upload them.
The pic i am trying now was on a web page, but I mus not be using obey's hints correctly. I should just kill myself, by the way; forget the hair-tearing.
October 22, 2009 11:20 AM | Reply | Permalink
That seems like a pointlessly unnecessary way of getting pictures into a post doesn't it? Why on earth would they not allow people to simply upload a photo on their computer to their own post? Just curious.
October 23, 2009 11:45 AM | Reply | Permalink
Wendy,
If you have the URL ("address") of the picture, post it here and I'll bet somebody can wrap the code you need around it and then repost it for you to insert in your blog.
To get the URL of the picture you want, right-click on the picture and choose to "open in a new window." When the new window opens, just copy the URL from the address bar at the top of the page. The URL will begin with "http://" and will look something like the one shown in Obey's post, above.
October 22, 2009 11:52 AM | Reply | Permalink
Here be Mr. Earl, i mean URL:
http://images.huffingtonpost.com/2009-10-21-ObamaVolker-thumb.jpg
bless yer pea-pickin heart, red planet!
October 22, 2009 1:00 PM | Reply | Permalink
<br><div class="img"><img src="http://images.huffingtonpost.com/2009-10-21-ObamaVolker-thumb.jpg" alt="Volker and Obama via. HuffPo" width="100%" height="100%"/></div><br>
Start with a new blog, click on the little icon at the far right of the tool bar that looks like <A> ... paste the above HTML code in the empty box. Then click on the underlined "A" icon on the tool bar to get back to the WYSIWYG (what you see is what you get) view. You should have your picture with a blank line above and below the image that you can use to proceed to fill in text around it. One note, I sometimes have to push the "Tab" key to get my cursor to appear when switching back to the WYSIWYG mode (that might just be a Firefox thing).
You can use that snippit for other pictures by simply replacing the URL of the "src=" attribute. I know your original question was about WinWord ... I can't help you there, but that should at least get the thing into your blog. If you want to change the size of the image, just change the % value in the "height=" and "width=" attributes (note: make sure not to accidentally delete the "%"). Obviously, change the "alt=" text to whatever you want.
Geek Note: The MovableType platform really sucks out of the box. I'm not sure where Josh got the idea it's "state of the art" ... TPM could probably make it much better by simply installing a plugin or two but don't seem to feel the need.
October 22, 2009 2:48 PM | Reply | Permalink
I see you already posted the blog ... in that case, you should be able to just edit it and following the directions above, paste the snippit at the very top of the text in the HTML view (the <A> icon switches to HTML view). Of course you could paste it anywhere in the text, but it kind of looks like you wanted it at the top.
October 22, 2009 3:03 PM | Reply | Permalink
BTW, if you were serious about having bird photos to trade (that you own the copyright to) ... any chance you'd let me use a few for a game I've written?
October 22, 2009 3:33 PM | Reply | Permalink
Absolutely! Let me know if you have choices, your email, and tiff or jpeg.I just woke up from a nap, and i know nothing of these things you are talking about, but i will try to figure them out.
I may have to come back to see what pages i am supposed to on...
Thanks ever so.
October 22, 2009 4:38 PM | Reply | Permalink
Good stuff here Wendy, I mean the comments of course.
I get most of my pix from Wiki. Very few copyright problems. And do not tell anyone, but I gave up on hyper stuff. I still try it once in awhile.
I just copy and paste from wiki. And do not forget, wiki has 3 million entries. A lot of pix
I try other sources and get away with it from time to time.
Sometimes, the source lets me have the pic and then magically removes it from my blog two hours later.
Figure that.
Anyway, do not mind me, listen to the experts here and in chat.
But I am not having problems finding pix anymore and they almost always work.
THE END
October 22, 2009 4:14 PM | Reply | Permalink
Dick--you could sure try kgb's way; even a semi-luddite like I could get it. Obey and some of the others' help was greek to me. I got brain cramp trying. Kgb just took the code from the picture and wrote the cues around it; i think i MAY even be able to the next one. Or else i'll be cryin' at his door again next time!
October 22, 2009 6:37 PM | Reply | Permalink
IT WORKED, KGB!!!!!!!!! (Well, at least on the moveable type; i'll go check the blog at the Cafe. I even changed the size, the original was like a stretched rubber band. Hoooooray!!! I will not have to kill myself after all! Or keep tearing my hair!~
Sorry to be excessively ebullient, but i have been trying this for days, and yesterday for hours and hours.
Now how in the hell do you remember the code, or do you just stash it away to reuse it? I put your hints into two document files; i might write it down to put in the fire box!
Let me know about the pix.
October 22, 2009 5:01 PM | Reply | Permalink
Awesome! So glad I could help. Now that it's in the comments ... you can always find the code snippit by simply coming back to this post as well.
My address is kent(at)yourarcade.com send me an email when you get a chance and I'll explain about the pictures.
October 22, 2009 6:09 PM | Reply | Permalink
kent
I always thought it was a Soviet Security Service joke....
October 23, 2009 12:10 PM | Reply | Permalink
A lot of good information here and it's lovely that TPM members are so helpful. Wendy, I'm glad you've been able to solve the problem.
Now, I hope I'm not out of line here, but I was hoping I could ask for some help of my own. I haven't been able to post a blog since I've been a member (over a year) and may need to re-register. I traded a few e-mails with the intern, Verhsa, regarding the problem, with no response and I tried to re-register via e-mail request (auto-registration was off) with no response.
Would anyone happen to know which TPM staff I can communicate with most effectively and does Josh Marshall have an e-mail addy so I can copy him?
October 22, 2009 7:34 PM | Reply | Permalink
It took me a year to get on, Crazy. I finally emailed josh, and he got on it, and got me registered. I was goiing to retire this blog, but i won't for a bit, in case you can get some more answers. Good luck to you. I hope others have bigger idea. I would be glad to post a blog about it, and ask for recs so management can see it. They have been tinkering with things to prevent spam posts; i don't know. If i take this down before you get an answer, contact one of us through comments, and we will help.
October 22, 2009 8:35 PM | Reply | Permalink
With a problem like this, I'd suspect whoever else you talked to at TPM would refer you to Al Shaw, so why not skip that step and try him first?
Email address here:
http://www.talkingpointsmemo.com/al-shaw.php
And actually, he just did a post 2 days ago asking for input from users about problems logging in, as he was working on fixing bugs on that in particular. It's here:
http://tpmcafe.talkingpointsmemo.com/2009/10/20/staying_logged_in_and_email_confirmations_at_tpm/
as well as still on the front page of the TPMCafe site.
October 22, 2009 8:57 PM | Reply | Permalink
Good on you, artappraiser. You are always and ever a fount of information. I thank you for all your help to me in the past.
October 22, 2009 9:08 PM | Reply | Permalink
Thanks so much for the information, folks. I think I'll get in touch with Al Shaw and take it from there.
October 22, 2009 9:42 PM | Reply | Permalink
Wendy,
Hope you leave this up and in archives, because then whoever needed could reference it.
Appreciate all info here. Thanks.
October 23, 2009 12:54 PM | Reply | Permalink
I will, Sam; I mistakenly thought if I pulled it, people could still get to it and the comments through my blog.
My error.
I was good help, even if I couldn't get some of it! I was sure impressed by the level of computer and software knowledge! Hope I can figure it out all by my lonesome next time!
October 23, 2009 1:23 PM | Reply | Permalink