Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Quick fix needed - Date of birth field showing on two lines

Featured Replies

On my websites form my date of birth data is showing on two lines, I'd like it to show on one line instead.

 

When I test the code in JSFiddle it show's on one line so I believe there must be a width issue.

 

The URL is: incomeprotectionstore.co.uk

The CSS can be found at: incomeprotectionstore.co.uk/images/index.css

The Form CSS is found at: incomeprotectionstore.co.uk/form.n1.css

 

You can see the issue on the right hand form.

 

Any help would be much appreciated.

 

Thanks,

 

Sam

You have all the widths of the <td> elements as 50% the other input fields are unaffected by this as they have a width of 200px where as the select boxes don't perhaps alter the % of the <td> or add a class around the select input boxes with a fixed width on.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.