PDA

View Full Version : Right-justifying gallery description


tobers
Jul-01-2008, 08:34 AM
Hi - is it possible to right justify the gallery description?

I've put my PayPal button in my gallery description but want it to display on the right above the main photo (in "Smugmug" style) rather than above the thumbnails on the left.

Example here: http://photos.tobinators.com/gallery/1844464_EW3LU/1/320382477_9GH3y#320382477_9GH3y

Smugmug name = Tobers.

Thanks :-)

Tobers

Andy
Jul-01-2008, 08:50 AM
Try this, adding a mypaypal div

Photos looking out into the world.
<html>
<div id="mypaypal">
<p align="right">
<div class="paypalButton">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" onSubmit="setPaypalForm(this)" >
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="andrew.tobin@tobinators.com">
<input type="hidden" name="item_name" value="">
<input type="hidden" name="amount" value="">
<input type="hidden" name="no_shipping" value="0">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="bn" value="PP-ShopCartBF">
<select name="photoselection">
<option selected value="7.50">Print: 5" x 7" - UK£7.50 inc VAT & postage
<option value="13.50">Print: A4 - UK£13.50 inc VAT & postage
<option value="25.00">Print A3 - UK£25.00 inc VAT & postage

</select>
<input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_cart_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypal.com/en_AU/i/scr/pixel.gif" width="1" height="1">
</form>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="andrew.tobin@tobinators.com">
<input type="image" src="https://www.paypalobjects.com/WEBSCR-525-20080625-1/en_GB/i/btn/btn_viewcart_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
<input type="hidden" name="display" value="1">
</form>
</div>
</p>
</html>

Then use css
#mypaypal {float: right;}

to move it all to the right.

tobers
Jul-01-2008, 10:24 AM
Slick! Thanks.