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

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 4

Section Break Guidlines - Different Alignment on Same Line

Started 9 years ago by pcubillos | 5 posts |


  1. pcubillos
    Member

    Hello all,

    I am trying to place some form information at the bottom of the HTML form I created.

    Form Number
    Form Date

    I need to have it on the same line though

    Form Number         Form Date
Align Left               Align Right

    I tried inserting this in the Advanced CSS field of the Section Break:
    #textbox { width: 100%; } .alignleft { float: left; } .alignright { float: right; }

    And this into the guidelines field:

    </div>
	<div id="textbox">
		<p class="alignleft">Text on the left.
		<p class="alignright">Text on the right.
		<div style="clear: both;"></div>
	</div>

    Unfortunately that did not work. Any help is greatly appreciated.
    Thank you in advance

    Posted 9 years ago #

  2. pcubillos
    Member

    Any help please...

    Posted 9 years ago #

  3. yuniar

    I think you simply missing the enclosing "p" tag. It should be like this:

    <div id="textbox">
<p class="alignleft">Text on the left.</p>
<p class="alignright">Text on the right.</p>
<div style="clear: both;"></div> </div>

    MachForm Founder

    Posted 9 years ago #

  4. pcubillos
    Member

    Yuniar, At first I thought oh what a noob error! Unfortunately it still has a issue and it does not show the info on the same line. I have typed this in a HTML program...

    <Style>
#textbox { width: 100%; }
.alignleft { float: left; }
.alignright { float: right; }
</Style>

<body>
<div id="textbox">
<p class="alignleft">Text on the left.</p>
<p class="alignright">Text on the right.</p>
<div style="clear: both;"></div>
</div>
</body>

    And it works!! But not in machform :-(

    Is there another alternative??

    Posted 9 years ago #

  5. pcubillos
    Member

    Still looking for help on this please...

    Posted 9 years ago #

RSS feed for this topic

Reply