Need help aligning photos and text in custom template!

lwlfepMember

I need help aligning my photos to the left of the page and my description text to the right of those photos. I've already placed the photo and description tags in the HTML. I've tried several <align="left"> and <align="right"> placements and also tried to go to "MODIFY LAYOUT" and align photos to the left that way, but nothing has worked. I just changed my photos from the small (click to supersize) to the originals, and the alignment worked via "MODIFY LAYOUT" with the supersized ones. It's the originals I'm having problems with. Please help!

HERE IS MY CURRENT HTML:

<table align="left" width="30%" border="0" cellspacing="50" cellpadding="0" background="http://img.auctiva.com/imgdata/5/7/5/7/8/5/webimg/105223569_o.jpg">

<tbody>
<tr>
<td width="100%">
<table align="center" bgcolor="#F2F2F2" cellpadding="15" cellspacing="15" width="100%" style="border: 1px solid #261a0e;">
<tbody>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<BLINK>click the photo to add us to your favorites</BLINK>
<td><a href="http://my.ebay.com/ws/eBayISAPI.dll?AcceptSavedSeller&mode=0&preference=0&sellerid=ladywolf_emporium&ru=http%3A%2F%2Fcgi.ebay.com%2Fws%2FeBayISAPI.dll%3FViewItem%26item%3D110210028347&ssPageName=STRK:MEFS:ADDVI"><img src="http://img.auctiva.com/imgdata/5/7/5/7/8/5/webimg/87810392_o.jpg"></a></td>

</tr>
<style type='text/css'>.acttbl { width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #c77207; font-size: 13px; }</style>
<table height="50">
<tr>
<td></td>
<td><font color=#c77207 face="Verdana, Arial, Helvetica, sans-serif" size="5"></font></td>
<td></td>
</tr>
</table>[PAYMENTINFO]<font color=#c77207 size=2 face="Verdana, Arial, Helvetica, sans-serif"><br>
<table height="50">
<tr>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
<td><font color=#c77207 face="Verdana, Arial, Helvetica, sans-serif" size="5">Payment</font></td>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
</tr>
</table><br>[PAYMENT]</font><BR><BR>[/PAYMENTINFO][SHIPPINGINFO]<font color=#c77207 size=2 face="Verdana, Arial, Helvetica, sans-serif"><br>
<table height="50">
<tr>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
<td><font color=#c77207 face="Verdana, Arial, Helvetica, sans-serif" size="5">Shipping</font></td>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
</tr>
</table><br>[SHIPPING]</font><BR><BR>[/SHIPPINGINFO][TERMSINFO]<font color=#c77207 size=2 face="Verdana, Arial, Helvetica, sans-serif"><br>
<table height="50">
<tr>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
<td><font color=#c77207 face="Verdana, Arial, Helvetica, sans-serif" size="5">Terms of Sale</font></td>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
</tr>
</table><br>[TERMS_OF_SALE]</font><BR><BR>[/TERMSINFO][ABOUTINFO]<font color=#c77207 size=2 face="Verdana, Arial, Helvetica, sans-serif"><br>
<table height="50">
<tr>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
<td><font color=#c77207 face="Verdana, Arial, Helvetica, sans-serif" size="5">About Us</font></td>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
</tr>
</table><br>[ABOUT_ME]</font><BR><BR>[/ABOUTINFO][CONTACTINFO]<font color=#c77207 size=2 face="Verdana, Arial, Helvetica, sans-serif"><br>
<table height="50">
<tr>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
<td><font color=#c77207 face="Verdana, Arial, Helvetica, sans-serif" size="5">Contact Us</font></td>
<td><img src="http://ti2.auctiva.com/ti/hzrd_lght3.gif"></td>
</table><br>[CONTACT_US]</font>[/CONTACTINFO]

[DESCRIPTION]

[IMAGE1_ORG]
[IMAGE2_ORG]
[IMAGE3_ORG]
[IMAGE4_ORG]
[IMAGE5_ORG]
[IMAGE6_ORG]
[IMAGE7_ORG]
[IMAGE8_ORG]
[IMAGE9_ORG]
[IMAGE10_ORG]
[IMAGE11_ORG]
[IMAGE12_ORG]
[IMAGE13_ORG]

<a href="http://www.ladywolfemporium.com"><img src="http://img.auctiva.com/imgdata/5/7/5/7/8/5/webimg/105334366_o.jpg"ALIGN=CENTER></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>



</table>

4/18/085:12 PM

❤️ 0

Original Post

Replies sorted oldest to newest

dannoMember

If you're going to attempt a vertical frame of images next to the description text, I'd try the [DESCRIPTION_AND_IMAGES] tag placed in front of the other text section tags to simplify. That is suppose to defer the images placement and selection to Auctiva's layout for grouping and alignment in the one page lister, and should give you the flexibility of image placement whereever you need it. The images then default to 400x300 with the Supersize capability. That's not full-size, but I think full-size might be crowding the page width for anything larger (test and see). If 400x300 is too large, you may need to size the pics in your image library to something that's workable.

Hope that suggestion helps.

Danno

4/19/087:22 AM

❤️ 0

missgen4uMember

Thanks for the oh so right thing to say today

4/19/0810:06 AM

❤️ 0

lwlfepMember

I am wanting to be able to do this with the large photos (not small to supersize). I have a border around my page and would be fine with getting rid of it if I have to in order to fit larger photos in. Does anyone know how to fit originals in to the left of text?

4/19/081:27 PM

❤️ 0

dannoMember

Here's a small piece of no frills or finess code to do a left table cell of the images and right table cell of the text area. Take the code and paste it to the custom template builder to get a basic template for testing. Select the template in the one-page lister for testing. I'm recommending that approach as a first step, so you can examine the problem of how your pictures will work full sized. I briefly tested it doing the same. If it looks good, you can use it as a base for your coding. However, I think you may see the problems of inserting original (essentially super-sized) pictures, which is why I was suggesting the alternate method.

<table height="58" cellpadding="3" width="100%" border="0"><tbody><tr><td valign="top" align="right" width="50%" height="21"><p align="center">[IMAGE1_ORG]</p><p align="center">[IMAGE2_ORG]</p><p align="center">[IMAGE3_ORG]</p><p align="center">[IMAGE4_ORG]</p><p align="center">[IMAGE5_ORG]</p><p align="center">[IMAGE6_ORG]</p><p align="center">[IMAGE7_ORG]</p><p align="center">[IMAGE8_ORG]</p><p align="center">[IMAGE9_ORG]</p><p align="center">[IMAGE10_ORG]</p><p align="center">[IMAGE11_ORG]</p><p align="center">[IMAGE12_ORG]</p><p align="center">[IMAGE13_ORG]</p><p align="center">[IMAGE14_ORG]</p><p align="center">[IMAGE15_ORG]</p><p align="center">[IMAGE16_ORG]</p><p align="center">[IMAGE17_ORG]</p><p align="center">[IMAGE18_ORG]</p><p align="center">[IMAGE19_ORG]</p><p align="center">[IMAGE20_ORG]</p><p align="center">[IMAGE21_ORG]</p><p align="center">[IMAGE22_ORG]</p><p align="center">[IMAGE23_ORG]</p><p align="center">[IMAGE24_ORG]</p></td><td valign="top" width="50%" height="21"><p align="center">[DESCRIPTION]</p><p align="center"> </p></td></tr></tbody></table>

Have fun....

Danno

4/19/088:30 PM

❤️ 0

lwlfepMember

It works!!! Thank you Thank you Thank you!

4/20/088:44 AM

❤️ 0

dannoMember

You're very welcome.

Danno

Oh...and the simple code technique in the template customizer is to create a one row, two column table. That's the two cells I mentioned in the prior post. Then select Original Images and click off the image #s in the left cell with a return between each to add the 1 - 24 images. In the right cell, add any of the headers you want.

You could also do this as a two row, split the bottom, and use the top for the title.....fun fun.

4/20/0810:48 AM

❤️ 0

Skip to main content

Add Reply

Membership Required

Remove From Your Block List

Manage Follow Preferences

Block

Please wait...