Welcome to SP!  -
Areas & RangesMountains & RocksRoutesImagesArticlesTrip ReportsGearOtherPeoplePlans & PartnersWhat's NewForum

Making my TR look purty

Get HTML help, style input, and feedback on your pages from other SP members.
 

Making my TR look purty

Postby Diggler » Thu Jan 27, 2011 11:53 pm

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!
User Avatar
Diggler

 
Posts: 2790
Joined: Mon Sep 10, 2001 1:03 pm
Location: Santa Clara, United States
Thanked: 11 times in 10 posts

Re: Making my TR look purty

Postby rgg » Fri Jan 28, 2011 12:14 am

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
User Avatar
rgg

 
Posts: 478
Joined: Sat Oct 02, 2010 7:15 pm
Location: Amsterdam, Netherlands
Thanked: 105 times in 84 posts

The following user would like to thank rgg for this post
Diggler

Re: Making my TR look purty

Postby Bob Sihler » Fri Jan 28, 2011 3:14 am

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.
"Alcohol is like love. The first kiss is magic, the second is intimate, the third is routine. After that you take the girl's clothes off."

--Terry Lennox, The Long Goodbye (Raymond Chandler)
User Avatar
Bob Sihler
Forum Moderator
 
Posts: 7657
Joined: Mon Aug 23, 2004 3:20 pm
Location: Herndon, Virginia
Thanked: 2050 times in 1153 posts

The following user would like to thank Bob Sihler for this post
Diggler

Re: Making my TR look purty

Postby Diggler » Fri Jan 28, 2011 7:52 am

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
User Avatar
Diggler

 
Posts: 2790
Joined: Mon Sep 10, 2001 1:03 pm
Location: Santa Clara, United States
Thanked: 11 times in 10 posts


Return to Page Help

 


  • Related topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 0 guests

© 2006-2013 SummitPost.org. All Rights Reserved.