wiukmooezk
New Member
I am having an issue with an options and answers feature I have. If I select an options which contains an output of some many buttons e.g If I choose option 20, it will display 20 buttons, the problem I am getting i my content drops down a little bit as it creates a space when the table cell increases. My question is simply how can I keep the content aligned near enough the top and not move down if the table cell increases a bit?Screenshot of what it looks like:
Below is what I attempted but did not work:\[code\].option{ width:100%; text-align:center; padding-top:1em; padding-bottom:1em; padding-left:0; padding-right:0;}.noofanswer{ width:100%; text-align:center; padding-top:1em; padding-bottom:1em; padding-left:0; padding-right:0;}.answer{ width:100%; text-align:center; padding-top:1em; padding-bottom:1em; padding-left:0; padding-right:0;}\[/code\]Below is the tables:\[code\]var $options = $("<table class='option'><tbody><tr><td>1. Option Type:</td></tr></tbody></table>");var $noofanswers = $("<table class='noofanswers'><tbody><tr><td>2. Number of Answers:</td></tr></tbody></table>");var $answer = $("<table class='answer'><tbody><tr><td>3. Answer:</td></tr></tbody></table>");\[/code\]