This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 3

CSS form to left or right


  1. sechabangwenya
    Member

    Good day, I wanted to know how I could move the form to the right or slight top right so that I could have a poster to the left of the form

    Is this possible are there any alternatives

    Warmest.

    Posted 11 years ago #
  2. sechabangwenya
    Member

    good day again,

    I would like to change the form placement from central to right and also change the width. is that option available in edit themes?

    How do i change this so that my form can be where the black portion is?

    bellow is the picture for my proposed background theme poster enhancement

    http://www.flickr.com/photos/66527141@N03/8195129570/

    Also what is the optimum size (W x H) for theme background to achieve this?

    Warmest

    Posted 11 years ago #
  3. yuniar

    I think it would be easier if you simply create a page with two columns and then put the form into the right column. While the image is being set as the background of the whole container.

    Here is a simple tool to generate two columns layout:
    http://www.pagecolumn.com/2_col_generator.htm

    Just drag the 2 sliders on the top left corner to adjust the column size


    MachForm Founder

    Posted 11 years ago #
  4. sechabangwenya
    Member

    Thank you, excuse my ignorance, how do I install or add it within machform. where do I change and and add this so it appears as part of the form. are there any steps to follow. its not clear

    Warmest

    Posted 11 years ago #
  5. yuniar

    Ok, so once you drag the sliders on the top left corners, that tool will generate the HTML code on the output window (top right corner).
    Make sure to select "Full HTML code" checkbox, so that the complete HTML code is being generated.

    You can then copy the whole code into a file and save the files as an HTML file, such as form.html
    Now you have a page with 2 columns layout.

    Next, you can simply copy your form code and put the code into the right column. Particularly inside this code:

    <div class="col1">
          right
    </div>

    put your code there, replacing the "right" text above.


    MachForm Founder

    Posted 11 years ago #

RSS feed for this topic

Reply