Page 1 of 1

Multiple pictures in a table

PostPosted: Sun Aug 14, 2011 10:32 am
by pingzingr
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>

Re: Multiple pictures in a table

PostPosted: Sun Aug 14, 2011 11:01 am
by Gangolf Haub
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 ...

Re: Multiple pictures in a table

PostPosted: Sun Aug 14, 2011 5:24 pm
by pingzingr
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 :)