Free Republic
Browse · Search
General/Chat
Topics · Post Article

To: Coleus
>>what html code do i use to align rows of pictures, side by side with a small space between the two?

(whoa!! my private reply to you was ugly... I guess freepmail cant be formatted the same way as a post... here is my reply to you again, but POSTED so the formatting comes out as planned.)

Sometimes you can just add one or more...
  between pictures to space them. that stands for non-breaking-space.
<image1>&nbsp;<image2> ... would space the two images (or for that matter words) one blankspace apart.
<image1> &nbsp; <image2> ... would space the two images 3 blankspaces apart.
here is word1           word2 spaced 11 blankspaces apart, by using &nbsp; just 5 times.

And also remember to use
<br clear=all> when you want an absolute carriage return with no photos still lingering from above.

Also check out my post at http://freerepublic.com/focus/f-news/1062358/posts?page=12#12
That one seemed to use only 4 photos, but actually used a additional 5th photo, a 10x10 block of 'white', that I stretched to whatever size I happened to need to make things line up correctly. Most people use a 1x1 'transparent' photo called spacer.gif, and they stretch that one to create space.

Here are examples using just photos of solid colors that are 10x10 pixels each. You probably cant see the 'white' one, between green and blue...



Here is roughly what I did in that post I mentioned...

<img
src=http://gallery.cybertarp.com/albums/userpics/11602/10square_FF0000.jpg
width=100 height=55><img
src=http://gallery.cybertarp.com/albums/userpics/11602/10square_0000FF.jpg
width=100 height=55>
<br clear=all>
<img
src=http://gallery.cybertarp.com/albums/userpics/11602/10square_FFFFFF.jpg
width=15 height=55><img
src=http://gallery.cybertarp.com/albums/userpics/11602/10square_FFFF00.jpg
width=70 height=55><img
src=http://gallery.cybertarp.com/albums/userpics/11602/10square_FFFFFF.jpg
width=40 height=55><img
src=http://gallery.cybertarp.com/albums/userpics/11602/10square_00CC00.jpg
width=50 height=55>

and heres what that looks like...



...here it is with align=left inside every img tag


...here it is with align=right inside every img tag


here is graphical data created by stretching photos

...good luck!
FLE

11 posted on 01/23/2004 6:49:01 AM PST by Future Useless Eater (Freedom_Loving_Engineer)
[ Post Reply | Private Reply | To 1 | View Replies ]


To: FL_engineer
Thanks..

this command was very helpful.
br clear=all
12 posted on 01/23/2004 8:36:16 AM PST by Coleus (STOPP Planned Parenthood http://www.freerepublic.com/focus/f-news/892053/posts)
[ Post Reply | Private Reply | To 11 | View Replies ]

Free Republic
Browse · Search
General/Chat
Topics · Post Article


FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson