SummitPost.org

I want to make my trip report look purty like them smart peoples', but don't know the code Looking to 1. get the photos next to each other (as opposed to each one occupying the same line, taking up way too much space), & 2. get, say, a photo on 1 side of the page, & getting the text to wrap around it for the same reason. Suggestions & help greatly appreciated. Thanks!

Hi Diggler,

The first question is (relatively) easy, assuming that you know the essentials of HTML. If not, but if you're willing to learn, you still can have a go at it. Either way, a good place to start would be this article - with the stipulation that all the <th> and </th> tags are best replaced by <td> and </td>. You can experiment all you want in a custom object; I know that that's what several people do. When it looks the way you want it, you can copy it all to your TR.
A tip, if you embark on this path: don't forget to check the result with a small resolution, say 1024 by 768, because some people still use that and in my opinion it should still look good then, but it won't if you put too many pictures next to each other. Personally, I consider four the limit.
To get started, try pasting the sample code below somewhere in your TR. The result should look pretty much like this. I'm sure you'll figure out a good place for it.

Code: Select all

<noformat>
<center><table><tr>
  <td>[img:694759:aligncenter:small:On the Highway to Hell]</td>
  <td>[img:694760:aligncenter:small:Breaking in the skis]</td>
  <td>[img:694761:aligncenter:small:Grand scenery (that never seems to change)]</td>
  <td>[img:694762:aligncenter:small:Why ice climb when you could be slogging up a road with a 60-lb. pack?]</td>
</tr></table></center>
</noformat>


The second question puzzles me a bit. I mean, if you write some text and insert a picture using the Insert Picture button, the text will automatically wrap around, as long as you use left or right alignment, not center. That answer would be too simple, so I suppose I must have misunderstood the question. Could you clarify it?

Good luck, Rob

Diggler, use these handy cheat sheets:

For four small pictures centered and side by side--

<center>
<noformat>
<table border="0" cellspacing="1" bgcolor="white">
<tr> <td>[img::alignleft:small:]</td>
<td>[img::alignleft:small:]</td>
<td>[img::alignright:small:]</td>
<td>[img::alignright:small:]</td> </tr>
</table>
</noformat>
</center>

Three--

<center>
<noformat>
<table border="0" cellspacing="1" bgcolor="white">
<tr> <td>[img::alignleft:small:]</td>
<td>[img::alignleft:small:]</td>
<td>[img::alignright:small:]</td> </tr>
</table>
</noformat>
</center>

Two--

<center>
<noformat>
<table border="0" cellspacing="1" bgcolor="white">
<tr> <td>[img::alignleft:small:]</td>
<td>[img::alignright:small:]</td> </tr>
</table>
</noformat>
</center>

Put the image number between the two colons after "img" and if you want to add captions, put them after the "small:"

As far as your second question goes, the text should wrap around the other three sides when you place a single picture left or right. But it won't when a single picture is centered.

Good luck making it "purty"; it's looking really good already.

Cool. Thanks a lot for the input, guys! rgg, no, you were wrong- it actually was as simple a question as it seemed I actually didn't know that before! Anyways, thanks for the input. Looks a lot better now that I made a few changes based on your rec's. Cheers, -D