Jump to content

CSS Novice having issues centering a Keypad =/


Recommended Posts

Okay before you ask yes I have tried 'text-align: center' haha.


So I am working on a logon page for my company and this is the first page I have ever made that utilizes jsquerys css, and my god is it brilliant. The main reason for this was to utilize its mobile capabilities.

Anyway down to the point, I have created a form and its all ready, but I cannot for the life of me manage to get the keypad to centre.


I can only suspect that somewhere deep down in jsquery css file is something overwriting my settings. Or maybe it has something to do with 'display: table-cell;' I am not sure :(


So please any help would be amazing, attached are the files required to view the page.


Thank you in advanced


Link to comment
Share on other sites

You can't center things that are being displayed as a table cell.


Set the display of #keypad to inline-block instead of table-cell, then set text-align to "center" on its parent element. If you need to, wrap the keypad inside another <div>

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...