https://legacy.forums.gravityhelp.com/topic/float-field-labels-inside-form-field Gravity Support Forums Topic: Float Field labels inside form field en-US Sun, 19 Apr 2026 18:24:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/float-field-labels-inside-form-field#post-81281 Mon, 15 Oct 2012 21:29:39 +0000 Chris Hajer 81281@https://legacy.forums.gravityhelp.com/ <p>The labels looked OK to me in Firefox 15.0.1 on Windows 7 and Chrome 22 on Windows 7 as well. You might have to tackle each browser individually and use conditional CSS to apply browser-specific rules. There are already some conditional comments in use in the page and you might be able to piggyback on those. Here is just one of them, for IE9:</p> <pre><code>&lt;!--[if IE 9 ]&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;http://wordpressstreet.com/watson/wp-content/themes/richardshepherd-TwentyTenFive-ed29e68/ie9.css&quot; type=&quot;text/css&quot; /&gt; &lt;![endif]--&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/float-field-labels-inside-form-field#post-81152 Mon, 15 Oct 2012 12:49:05 +0000 carnavat 81152@https://legacy.forums.gravityhelp.com/ <p>I also have to figure out how to remove the error css which doesnt pay attention to the normal css changes.. Kinda annoying how that works. click submit missing a field and its all messed up. </p> https://legacy.forums.gravityhelp.com/topic/float-field-labels-inside-form-field#post-81151 Mon, 15 Oct 2012 12:46:57 +0000 carnavat 81151@https://legacy.forums.gravityhelp.com/ <p><a href="http://wordpressstreet.com/watson/" rel="nofollow">http://wordpressstreet.com/watson/</a></p> <p>Ive had to make browser specific margin changes to keep the field labels in the middle of the field and still on each browser they are off. This is the home page horizontal form. </p> https://legacy.forums.gravityhelp.com/topic/float-field-labels-inside-form-field#post-80980 Mon, 15 Oct 2012 00:20:58 +0000 Chris Hajer 80980@https://legacy.forums.gravityhelp.com/ <p>Are you looking for help for this still? If so, please post a URL to your site where we can see what you have accomplished. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/float-field-labels-inside-form-field#post-80788 Sat, 13 Oct 2012 15:28:08 +0000 carnavat 80788@https://legacy.forums.gravityhelp.com/ <p>Ive seen people wanting to have default values that auto clear but that removes the ability to have the fields required. so I have decided to try floating the field labels over the forms fields and then indenting the text to start at the end of the label. </p> <p>I havent been able to find a cross browser friendly way to do this,<br /> getting the field label to float perfectly in the center (top and bottom) of the form. On some browsers the label is near the top, or near the bottom, or perfectly centered. </p> <p> --------------------------------------<br /> THE LABEL the field text<br /> -------------------------------------- </p>