How to post images side by sideThis is a featured page

This came about from a channelD question but since I've been through it too, there maybe other people out there trying to work it out.


Today at 3:01pm, channeld wrote:
Okay, I have a question:

If I am posting more than one picture in a message (via my photobucket account), the board wants to stack the pics vertically. It seems the only manipulation I can do is to justify them (i.e., move them left, center, or right).

How can I make reasonably small pics line up horizontally?


Oh I know this problem.

You need to remove any space or carriage return between the [ img] or [ url] delimiters. This is not always obvious because the images names are so long that they start on new lines.

if you have
[ img]image_name1.jpg[/img] [ img]image_name2.jpg[/img] then they stack but if you put
[ img]image_name1.jpg[/img][ img]image_name2.jpg[/img] then they go side by side.

This seems obvious but when the names are really long (especially if you are using clickys) it looks like (I've used .URL instead of URL):

just image:

[ IMG]http://i118.photobucket.com/albums/o119/OzGeek/LaF_scout2.jpg[/IMG]
[ IMG]http://i118.photobucket.com/albums/o119/OzGeek/DT2.jpg[/IMG]

clicky

[.URL=http://i118.photobucket.com/albums/o119/OzGeek/LaF_scout2.jpg][ IMG]http://i118.photobucket.com/albums/o119/OzGeek/th_LaF_scout2.jpg[/IMG][/URL]
[.URL=http://i118.photobucket.com/albums/o119/OzGeek/DT2.jpg][ IMG]http://i118.photobucket.com/albums/o119/OzGeek/th_DT2.jpg[/IMG][/URL]


and you can't see the carriage return so you get

image

[image]
[image]

clicky

[image]
[image]


You have to go to front of that second [ IMG] or [ URL] and insert a backspace

image

[ IMG]http://i118.photobucket.com/albums/o119/OzGeek/LaF_scout2.jpg[/IMG]
<backspace>[ IMG]http://i118.photobucket.com/albums/o119/OzGeek/DT2.jpg[/IMG]

clicky

[.URL=http://i118.photobucket.com/albums/o119/OzGeek/LaF_scout2.jpg][ IMG]http://i118.photobucket.com/albums/o119/OzGeek/th_LaF_scout2.jpg[/IMG][/URL]
<backspace>[.URL=http://i118.photobucket.com/albums/o119/OzGeek/DT2.jpg][ IMG]http://i118.photobucket.com/albums/o119/OzGeek/th_DT2.jpg[/IMG][/URL]

You may see a difference in the image only string but not in the clicky string where the name is too long, the important thing is, the carriage return is gone, even if you can't see it's gone

image

[ IMG]http://i118.photobucket.com/albums/o119/OzGeek/LaF_scout2.jpg[/IMG][ IMG]http://i118.photobucket.com/albums/o119/OzGeek/DT2.jpg[/IMG]

clicky

[.URL=http://i118.photobucket.com/albums/o119/OzGeek/LaF_scout2.jpg][ IMG]http://i118.photobucket.com/albums/o119/OzGeek/th_LaF_scout2.jpg[/IMG][/URL][.URL=http://i118.photobucket.com/albums/o119/OzGeek/DT2.jpg][ IMG]http://i118.photobucket.com/albums/o119/OzGeek/th_DT2.jpg[/IMG][/URL]

The result is

image

[image] [image]

clicky

[image] [image]


ozgeek
ozgeek
Latest page update: made by ozgeek , Jan 3 2008, 12:54 AM EST (about this update About This Update ozgeek Edited by ozgeek

280 words added
8 images added

view changes

- complete history)
Keyword tags: How to images
More Info: links to this page
There are no threads for this page.  Be the first to start a new thread.

Related Content

  (what's this?Related ContentThanks to keyword tags, links to related pages and threads are added to the bottom of your pages. Up to 15 links are shown, determined by matching tags and by how recently the content was updated; keeping the most current at the top. Share your feedback on Wetpaint Central.)