Forums

Padding and margin between containers columns

wpi 19 Feb, 2015
Hi There I am trying to find how to create some space between resizable container columns and how to extend the dropped down to the width of the text area.
GreyHead 20 Feb, 2015
Hi wpi,

The answer is CSS - we might be able to help a bit more if you post a link to your form.

Bob
wpi 22 Feb, 2015
Thanks for the help Bob,

http://www.kcr.co.il/en/contact-us

The problem is with IE 11 ( FF & Chrome look ok on the full screen width however when tryin to reduce the size the columns get together until you get to a phone size which is fine.)
Thanks
Giora
GreyHead 23 Feb, 2015
Hi Giora,

I suggest that you add 2 or 3px of right/left margin to the inputs. That seems to keep them separated.

Bob
wpi 23 Feb, 2015
How can i do it? with the css?
Thanks

Giora
GreyHead 24 Feb, 2015
Hi Giora,

Yes, Add CSS in a Load CSS action.

Bob
wpi 24 Feb, 2015
Thanks 😀
wpi 25 Feb, 2015
Bob

Seems that my code is a bit a mess..... Attached an image of the designer

http://awesomescreenshot.com/08e4hi5656

I have tried to center the form so I have created extra containers on the sides. But then I get a problem:

The "how did you hear about us" has the same width as the message area in Chrome and FF, However in IE its too short. How can I make sure its displays the same?

Thanks
Giora
GreyHead 25 Feb, 2015
Hi Giora,

You should be able to center the from using CSS margin settings without needing extra columns.

Bob
wpi 25 Feb, 2015
Would you please direct me how? Sorry to be such a....

:?

Giora
GreyHead 27 Feb, 2015
Hi Giora,

I usually use margin-right: auto; margin-left: auto;

Bob
This topic is locked and no more replies can be posted.