[Pro] Paypab button not vertically aligning in the centre of a cell

Hi,

does anyone know why the image in this table vertically aligns correctly…

listen

But the following table cell does not vertically align (it aligns to the top) I have php creating a paypal button with a custom buy now image in a HTML Markup with nothing else in the cell)

£0.25 ![|1x1](upload://bEhO1cHZ6pqf7FgjLUjjlTtkgIX.gif)

Is it something to do with the tag that is making it align to the top of the cell all the time?

The button does not even align centre in the cell.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 27/7/09 (at 06:58 -0400) WebWorker said:

the following table cell does not vertically align (it aligns to the top)

Perhaps this:

input type=“image” src=“Resources/buy-ringtone.png” border=“0”
name=“submit” alt=“Buy Ringtone” title=“Buy Ringtone”
style=“vertical-align:text-top”

Try removing the style=“vertical-align:text-top” part and see if that
helps. You did say you put this code in manually, right?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

ah the style=”vertical-align:text-top” only aligns the image to the text in the cell. For some reason the whole cell contents when a form tag is added makes all the text and image align to the top of the cell.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Arrhh - This is driving me nuts!

Here’s a test URL of what I see. The second to top button Buy ringtone is a Paypal Buynow button and incorrectly aligns to the top of the cell.

http://bilberryclinic.com/test-grid/

The text £0.25 is set inside the button code otherwise Freeway insists on a text return between the text and the button.

I can’t seem to make it align vertically to the centre. If a add padding to the top it makes the cell deeper which I don’t want. :frowning:

Can anyone advise?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

doh…

<form style="display:inline;" action=

Google is my Friend - sorted


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Or maybe not - it still not working :frowning:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry nope its still not right


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Seems like the only option is to put the form tag after the td

 <td><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> inputs....

Which I assume will not validate - and cannot be put directly in Freeway.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No takers on this?

I can here the echo :frowning:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can try simulating centering using padding on the table cell or
DIV that holds the form. The trouble with this construction is that
when you set your form to inline, it collapses to the size of its
contents. And any surrounding structure will also collapse unless it
has a defined height. If it has a defined height, then its contents
will float to the top. A table cell can be set to valign=middle and
any content within it will float in the middle, but I don’t think you
can do that directly in Freeway. As near as I can see, you have to use
the Extend button in the Inspector, which would let you apply an id or
class to the cell, and then you have to sneak a matching CSS style
into the page somehow. Not very direct. I wrote an Action to do this
many years ago, but I can’t find it any more – this would have been
in my Freeway 2 Actions folder, many many computers ago.

Walter

On Jul 28, 2009, at 4:36 AM, WebWorker wrote:

No takers on this?

I can here the echo :frowning:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walt

The form was creating to much depth to centre with the other items in the row.

It seems your action to remove P TAGs works a treat on table cells (Did not think previously to try this). I think the CSS styling was working, but Freeway was butting in with a P tag to create the extra depth.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options