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

Multiple pictures in a table

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

Multiple pictures in a table

Postby pingzingr » Sun Aug 14, 2011 10:32 am

I have one page that has three photos in a row across the bottom of a route description. On a new page I just copied and replaced the html code. I change out the descriptions and image ID numbers but it doesnt work. Shows the inputted description and the link works in the html but no thumbnail photo. This is the code i used...

<table border=0 cellspacing=2 cellpadding=2 align=center>
<tr>
<td><center><table class='thumb'><tr><td><a href='/view_object.php?object_id=737524'><img src='/images/small/737524.jpg'></img></a><br /><div class='magnify' style='float: right; margin-top: 5px;'><a href='/view_object.php?object_id=737524' title='Enlarge'> <img src='/images/layout/abby/magnify.gif' alt='Enlarge' ></img></a></div>View of Big Quilcene Trail.</td></tr></table></center></td>
<td><center><table class='thumb'><tr><td><a href='/view_object.php?object_id=737525'><img src='/images/small/737525.jpg'></img></a><br /><div class='magnify' style='float: right; margin-top: 5px;'><a href='/view_object.php?object_id=737525' title='Enlarge'> <img src='/images/layout/abby/magnify.gif' alt='Enlarge' ></img></a></div>Meadow below Marmot Pass.</td></tr></table></center></td>
<td><center><table class='thumb'><tr><td><a href='/view_object.php?object_id=737523'><img src='/images/small/737523.jpg'></img></a><br /><div class='magnify' style='float: right; margin-top: 5px;'><a href='/view_object.php?object_id=737523' title='Enlarge'> <img src='/images/layout/abby/magnify.gif' alt='Enlarge' ></img></a></div>Sign post at trail intersection at Marmot Pass.</td></tr></table></center></td>
</tr>
</table>
User Avatar
pingzingr

 
Posts: 162
Joined: Mon Feb 02, 2004 3:20 pm
Location: Tacoma, Washington, United States
Thanked: 0 time in 0 post

Re: Multiple pictures in a table

Postby Gangolf Haub » Sun Aug 14, 2011 11:01 am

I know it doesn't answer your question but I think that the result you want is reached by

Code: Select all
<center><table><tr><td>[img:737524:aligncenter:small:View of Big Quilcene Trail]</td><td>[img:737525:aligncenter:small:Meadow below Marmot Pass]</td><td>[img:737523:aligncenter:small:Sign post at trail intersection at Marmot Pass]</td></tr></table></center>


I added it beneath your code on your page. The source code of the result reveals your error:

Code: Select all
<center><table><tr><td><center><table class='thumb'><tr><td><a href='/big-quilcene-trail-833-1/737524'><img alt='Big Quilcene Trail (#833.1)' height='150' width='200' src='/images/small/737524.JPG'></img></a><br /><div class='magnify' style='float: right; margin-top: 5px;'><a href='/big-quilcene-trail-833-1/737524' title='Enlarge'> <img src='/images/layout/abby/magnify.gif' alt='Enlarge' ></img></a></div>View of Big Quilcene Trail</td></tr></table></center></td><td><center><table class='thumb'><tr><td><a href='/marmot-pass-meadow/737525'><img alt='Marmot Pass meadow' height='150' width='200' src='/images/small/737525.JPG'></img></a><br /><div class='magnify' style='float: right; margin-top: 5px;'><a href='/marmot-pass-meadow/737525' title='Enlarge'> <img src='/images/layout/abby/magnify.gif' alt='Enlarge' ></img></a></div>Meadow below Marmot Pass</td></tr></table></center></td><td><center><table class='thumb'><tr><td><a href='/marmot-pass-sign/737523'><img alt='Marmot Pass sign' height='200' width='150' src='/images/small/737523.JPG'></img></a><br /><div class='magnify' style='float: right; margin-top: 5px;'><a href='/marmot-pass-sign/737523' title='Enlarge'> <img src='/images/layout/abby/magnify.gif' alt='Enlarge' ></img></a></div>Sign post at trail intersection at Marmot Pass</td></tr></table></center></td></tr></table></center><br />


It's pretty similar to what you wrote but your pictures were stored with capital .JPG . Your code has lower case ...
User Avatar
Gangolf Haub
Forum Moderator
 
Posts: 8395
Joined: Wed Nov 12, 2003 4:28 pm
Location: Mainz, Germany
Thanked: 528 times in 297 posts

Re: Multiple pictures in a table

Postby pingzingr » Sun Aug 14, 2011 5:24 pm

Thanks for the help. It appears that both codes work to get the same thing. I would have never even thought to check the capitalized JPG titles. Another lesson about HTML via summitpost :)
User Avatar
pingzingr

 
Posts: 162
Joined: Mon Feb 02, 2004 3:20 pm
Location: Tacoma, Washington, United States
Thanked: 0 time in 0 post


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.