Destramic Posted May 8, 2010 Share Posted May 8, 2010 i found this align label script which should align your form fields in a straigh flushed column...i'm very new to this jquery...does anyone know of a way to get this working or maybe a better tutorial/script thank you <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>align form</title> <style type="text/css"> </style> <script type="text/javascript"> jQuery.fn.autoWidth = function(options) { var settings = { limitWidth : false } if(options) { jQuery.extend(settings, options); }; var maxWidth = 0; this.each(function(){ if ($(this).width() > maxWidth){ if(settings.limitWidth && maxWidth >= settings.limitWidth) { maxWidth = settings.limitWidth; } else { maxWidth = $(this).width(); } } }); this.width(maxWidth); } $('label').autoWidth({limitWidth: 350}); </script> </head> <body> <label for="a_field">name :</label> <input id="a_field" name="a_field" type="text" /> <br/> <label for="a_field">e-mail address :</label> <input id="a_field" name="a_field" type="text" /><br/> <label for="a_field">number :</label> <input id="a_field" name="a_field" type="text" /> <br/> <label for="a_field">postcode :</label> <input id="a_field" name="a_field" type="text" /> <br/> <button id="btnNothingToDo">Do nothing</button> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/201087-align-form-fields/ Share on other sites More sharing options...
Destramic Posted May 8, 2010 Author Share Posted May 8, 2010 anyone know how to get it working? Quote Link to comment https://forums.phpfreaks.com/topic/201087-align-form-fields/#findComment-1055121 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.