Put pictures on a new line.

[recordlovelife]

Hey, im not sure if this is javascript, but i thought it would be (if anyone knows a better Cross Browser compatible way, let me know...)

Image if you will a blog entry, and at the end of the actual paragraph, you have pictures. Now the paragraph and <img> tags are all saved in the same field in the database, so when you loop through the query and print out the the content, the pictures load too. The pictures are always at the end of the paragraph. The problem I am having is that if the pictures have no newline break before them so they will load and make a big gap on the last line of the paragraph....

To illustrate, what i want is this

paragraph-paragraph-paragraph-
paragraph-paragraph-paragraph-
paragraph-

<img> <img> <img> <img>



What i get is this

paragraph-paragraph-paragraph-
paragraph-paragraph-paragraph-


paragraph-<img><img><im g>



Because there is no new line at the end of the paragraph, the size of the photos causes this huge gap on the bottom line of the text.


I want to know how to put a break in between the last word of a paragraph and the first picture.

Let me know, thanks
Frank

[acoder]

Just use <br>. Look for the first image tag and add a line break before it