Forms, problems with size/alignment

Hi!
I have a question concerning forms and other html objects in Freeway. I have been a freeway user since version 2.x. I am now on the latest version 5.1. However, when I grid up som forms elements in Freeway they look perfect, but when viewing the page in Safari/Firefox the elements are not aligned, the size is incorrect.
This is page here is an example:
http://www.sommersethdesign.no/kunder/tannlegekontoret/timebestilling.html

Where the elements in freeway is much wider than they appear in Safari. Why is that? I have tried with CSS layout enabled, layers etc…but the size and positions never match the layout…what am I doing wrong…?
Solve this and you are my new hero :slight_smile:

Tom, Norway

PS! I can upload the freeway file if anyone wanna take a look.


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

Hi Tom,

On May 12, 2008, at 6:23 PM, Tom Sommerseth wrote:

Hi!
I have a question concerning forms and other html objects in
Freeway. I have been a freeway user since version 2.x. I am now on
the latest version 5.1. However, when I grid up som forms elements
in Freeway they look perfect, but when viewing the page in Safari/
Firefox the elements are not aligned, the size is incorrect.
This is page here is an example:
http://www.sommersethdesign.no/kunder/tannlegekontoret/timebestilling.html

Where the elements in freeway is much wider than they appear in
Safari. Why is that? I have tried with CSS layout enabled, layers
etc…but the size and positions never match the layout…what am I
doing wrong…?
Solve this and you are my new hero :slight_smile:

Tom, Norway

I find that forms are best put together using one table with three
columns, say as follows:

120 5 300

120 for element title or subject text
5 for spacer
300 for the form elements

You can make these widths to suite your liking or needs.

Make the rows 24 high except for the text area, for a text area use
two rows and in the 300 column join them together so you have 2 on the
left at 24 high, 2 spacer rows at 24 high and the text area row 1 at
48 high, use the top 24 row on the left for the title text for the
text area.

I find it better to then set the text for the title rows to align
right and centrally height wise, the same for all the elements *
except * the text area element. (should align top as per default)

Now download the ‘Form Element Styler’ from my actions page:
http://www.easibase.com/freeway/freewayactions.php

Apply the action to each of the field and text area elements, give
them a border of 1 then a width of what suites (try 150 first), now
add a border colour. The text area could have a height of say 60 while
field elements probably don’t need the height set although you might
find you prefer 16.

HTH, Mike, Spain


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

Mike!
I followed your example. However, I first tried without the table, and only using your amazing action!!! Guess what! I worked like a charm!
Thank you very much. I loved your plugin.

“Form Element Styler”. Is it possible to chose the css text styleset in the input forms my site uses? I use Georgia as a content font.

Thanks again,

Tom, Norway


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

If you want to use Georgia as the font for the fields then you should
type it in the ‘other’ field for Font family (1), you will also need
to select other in that menu to enable the ‘other’ field.

Mike

On May 13, 2008, at 7:19 AM, Tom Sommerseth wrote:

Mike!
I followed your example. However, I first tried without the table,
and only using your amazing action!!! Guess what! I worked like a
charm!
Thank you very much. I loved your plugin.

“Form Element Styler”. Is it possible to chose the css text styleset
in the input forms my site uses? I use Georgia as a content font.


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