https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue Gravity Support Forums Topic: Aligning Buttons and DIV Elements (CSS Issue) en-US Thu, 09 Apr 2026 07:48:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue#post-151358 Thu, 21 Feb 2013 04:42:51 +0000 theslink2000 151358@https://legacy.forums.gravityhelp.com/ <p>Yeah I was basically assuming the same thing as floats were the only way I could think of doing it originally but it's proving unresponsive. </p> <p>My only cause for concern is how it will appear on differing screen resolutions and browsers, something I haven't yet been able to test.</p> <p>Any thoughts on that one bud? </p> https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue#post-151074 Wed, 20 Feb 2013 17:53:42 +0000 Rob Harrell 151074@https://legacy.forums.gravityhelp.com/ <p>No problem. When you say: is there a way of doing this dynamically, without setting specific locations? I assume you are referring to the positioning. The only other thing I can think for you to try would be to try to float the footer of the form left and then float this HTML field to the right. But then you'd probably need to use margins to some degree, which might put you in the a similar boat. </p> https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue#post-151070 Wed, 20 Feb 2013 17:46:30 +0000 theslink2000 151070@https://legacy.forums.gravityhelp.com/ <p>Thanks for that bud, it does just about solve the issue but is there a way of doing this dynamically, without setting specific locations?</p> <p>Cheers. </p> https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue#post-151027 Wed, 20 Feb 2013 16:03:34 +0000 Rob Harrell 151027@https://legacy.forums.gravityhelp.com/ <p>This should do the trick for you:</p> <pre><code>[css] #field_16_3 { position: absolute; top: 155px; left: 100px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue#post-151018 Wed, 20 Feb 2013 15:56:37 +0000 theslink2000 151018@https://legacy.forums.gravityhelp.com/ <p>It's a live test site but I've disabled the security around this test area, click on any of the delete buttons to bring up the form:</p> <p><a href="http://www.doctorschemist.co.uk/newsite/patient/mo05id-002" rel="nofollow">http://www.doctorschemist.co.uk/newsite/patient/mo05id-002</a> </p> https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue#post-150998 Wed, 20 Feb 2013 15:28:27 +0000 Rob Harrell 150998@https://legacy.forums.gravityhelp.com/ <p>Can you please post a link to your page with the lightbox form? </p> https://legacy.forums.gravityhelp.com/topic/aligning-buttons-and-div-elements-css-issue#post-150959 Wed, 20 Feb 2013 13:49:54 +0000 theslink2000 150959@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I've been trying to add a close button to some of my forms, I've managed to create one using a HTML field and the following bit of code:</p> <p><code>&lt;p style=&quot;text-align: center; clear:both;&quot;&gt;&lt;a class=&quot;form-button&quot; href=&quot;javascript:parent.jQuery.fancybox.close();&quot;&gt;Close&lt;/a&gt;&lt;/p&gt;</code></p> <p>Please note that these forms are opening in Fancybox windows.</p> <p>But the problem I have is the button appears but because it is within a separate DIV element it is not aligned and I cannot seem to force it. I just want it to be lined up with the submit button (here showing as delete) just right aligned not left.</p> <p><a href="http://s1089.beta.photobucket.com/user/theslink2000/media/ButtonAlign_zpsf98372f4.jpg.html" rel="nofollow">http://s1089.beta.photobucket.com/user/theslink2000/media/ButtonAlign_zpsf98372f4.jpg.html</a></p> <p>Can anyone give me a hand with this please? </p>