Button Alignment

[Ant]

Hi all.

Just a small problem here - I think.

I have added a custom 'View' button to my product cells, but would like it to appear side by side with the 'Add to Basket' button, as opposed to above and below: http://www.nostilia.co.uk/funky-bags.html

I assume it's just a line of code I can pop in the custom HTML area, but I just can't seem to get it right. Any help would be greatly appreciated.

Many thanks in advance.

Ant.

[Ant]

I have also worked out the measurements, so I don't think it has been pushed out of line if you know what I mean?

[MountMan]

Look OK to me, on a laptop,Firefox the View Button is above the Add to Basket button, centered

[Ant]

Thanks MountMan. That's what I see, but I'm looking to have them placed side by side (in line). I'm sure Iv'e done it before, but can't remember how???

[MountMan]

Hi Ant
Oops sorry misread your post, but on a personal note, I like them as you had them, one above the other ,just seemed right

[greggrant]

Try similar to the code below (don't copy it exactly!).

[COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]tr[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR]
[COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]td [/FONT][/COLOR][COLOR=#2060A0][FONT=droid sans mono]align[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]=[/FONT][/COLOR][COLOR=#808000][FONT=droid sans mono]"left"[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#202020][FONT=droid sans mono][IF product_list][/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]span [/FONT][/COLOR][COLOR=#2060A0][FONT=droid sans mono]class[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]=[/FONT][/COLOR][COLOR=#808000][FONT=droid sans mono]"gap"[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#202020][FONT=droid sans mono]%product_list[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]</[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]span[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#202020][FONT=droid sans mono][/IF][/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]</[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]td[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR]
[COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]td [/FONT][/COLOR][COLOR=#2060A0][FONT=droid sans mono]align[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]=[/FONT][/COLOR][COLOR=#808000][FONT=droid sans mono]"center"[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#202020][FONT=droid sans mono][IF product_selling][/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]span [/FONT][/COLOR][COLOR=#2060A0][FONT=droid sans mono]class[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]=[/FONT][/COLOR][COLOR=#808000][FONT=droid sans mono]"gap"[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#202020][FONT=droid sans mono]%product_selling[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]</[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]span[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#202020][FONT=droid sans mono][/IF][/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]</[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]td[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR]
[COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]td [/FONT][/COLOR][COLOR=#2060A0][FONT=droid sans mono]align[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]=[/FONT][/COLOR][COLOR=#808000][FONT=droid sans mono]"right"[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]a [/FONT][/COLOR][COLOR=#2060A0][FONT=droid sans mono]href[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]=[/FONT][/COLOR][COLOR=#808000][FONT=droid sans mono]"%product_link"[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]<[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]img [/FONT][/COLOR][COLOR=#2060A0][FONT=droid sans mono]src[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]=[/FONT][/COLOR][COLOR=#808000][FONT=droid sans mono]"/user/content/graphics/more-info.png" [/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]/>[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]</[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]a[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]</[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]td[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR]
[COLOR=#80C0C0][FONT=droid sans mono]</[/FONT][/COLOR][COLOR=#008080][FONT=droid sans mono]tr[/FONT][/COLOR][COLOR=#80C0C0][FONT=droid sans mono]>[/FONT][/COLOR]

[Ant]

Hi Greg. Many thanks for that. I gave it a try, but everything just fell outside the cell. I'm not to sure where to place the code, but here is a copy of my current source if it makes it any easier?

<div align="center" style="width: 100%; border: 1px solid #206080; background-color: white; padding: 10px;">[IF product_image]<p><a href="%product_link">%product_image</a></p>[/IF]
<p>
<a href="%product_link"><b>%product_title</b></a>
[IF product_price]<span class="gap">%product_price</span>[/IF]
[IF product_add]<span class="gap_button">%product_add</span>[/IF]
[IF product_rating]<span class="gap_rating">%product_rating</span>[/IF]
</p>
[IF product_description]%product_description[/IF]
[IF product_compare]<p>%product_compare</p>[/IF]
</div>

I've been going round in circles with it all day.

Many thanks again.

Ant.