Adding a photo, Part I

The first thing a lot of new flirts want to do is figure out how to add a photo to their listing. It seems like it ought to be pretty simple to do, but with no html background, a girl can find that the photo just doesn’t show, or it appears someplace she doesn’t want it to.

Here’s our example listing, which I have shrunk to a convenient size. There are actually two paragraphs here.

The first thing I’m going to do is insert an image at the beginning, using a standard image tag.
First notice that I am putting “http://myimagelocation” as the location of the image. For your image to appear, you will have to host it on your own website, on Niteflirt, or on another web host. To upload to Niteflirt, find the HTML tips link which the arrow is pointing at. Click it in your own listing edit window when you are ready to upload a photo.
<img src=”http://myimagelocation”>
Like so:

What happened is that the you only got one line of text at the bottom of the photo. That’s probably not what you were expecting. There’s also a white space on the left where the image couldn’t float all the way to the left-hand margin because the thumbnail was in the way.

To make the text start at the top and wrap around the photo, you put ‘align=”left”‘ in the tag.
<img src=”http://myimagelocation” align=”left”>
Let’s also move the whole thing down below the thumbnail by adding 7 line breaks at the beginning.
<br><br><br><br><br><br><br>
Now it looks like this.

Let’s add some white space to the right of the image so the text doesn’t touch the photo. I’m going to add ‘style=”margin-right:10px”‘ to the image tag to add a 10 pixel margin on the right.
<img src=”http://myimagelocation” align=”left” style=”margin-right:10px”>
Here’s what it looks like. See how the text will now wrap around the bottom if there’s enough of it.

This has gotten kind of long, so I think I will finish up another day.

Adding another photo

One last suggestion: type out your tags. WordPress uses non-standard characters for things like single and double quotes, and simply copying and pasting may not work.