We have a difficult HTML layout we are trying to achieve that requires someone with advanced HTML & CSS knowledge. The current version is attached and the job will be to edit the current version such that it meets the requirements described below. 1. The number of buttons will vary from 1 to any number. 2. Buttons always appear in a single row 3. Button content should be centered horizontally and vertically 4. The button height should grow vertically to accommodate the content, with the background growing to match (the coloured top & bottom padding can be separate stay as is or be stretched to fit) 5. Minimum button height applies. 6. Content should fill in all space not taken up by the buttons and must scroll if the content is longer than the available space. 7. Total height of the design is fixed 8. Reasonable limitations are expected, mainly meaning if someone wants to fit 30 buttons, or a button with 30 lines of text, the design will of course break. This is ok. But the design must be able to handle buttons growing to a height of at least double of the minimum height. 9. The template must work correctly for IE6 & IE7, and current versions of Firefox, Opera, and Safari 10. The solution should not require any Javascript (ie. the page must render properly right off the bat with no JS -induced delays) 11. The entire button must be clickable, not jsut the text (Javascript onClick trigger may be used for this item if necessary) Attached [login to view URL] works perfectly and as intended. There are however 3 problems with the current template that can be seen in template2: 1. The content is not vertically centered. 2. The button height does not grow as needed 3. The button line spacing is clearly too tall To be clear, this template must be able to handle any variation of content in button text & content text. Simply changing the line-height and other dimensions in template2 to make it look correct is NOT a solution. Please feel free to ask any questions as required.
## Deliverables
1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done.
2) Deliverables must be in ready-to-run condition, as follows (depending on the nature of the deliverables):
a) For web sites or other server-side deliverables intended to only ever exist in one place in the Buyer's environment--Deliverables must be installed by the Seller in ready-to-run condition in the Buyer's environment.
b) For all others including desktop software or software the buyer intends to distribute: A software installation package that will install the software in ready-to-run condition on the platform(s) specified in this bid request.
3) All deliverables will be considered "work made for hire" under U.S. Copyright law. Buyer will receive exclusive and complete copyrights to all work purchased. (No GPL, GNU, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site per the coder's Seller Legal Agreement).
## Platform
IE6/7, Firefox, Opera, Safari