css - HTML Table Header isn't showing, how can it be fixed? -

-

sorry if plainly obvious answer, horrible web designer.

i making page program, , i'm using table show hotkeys. used css center , remove border.

the header of table action, , trigger, not show when open html broswer, table data. point, why happen , how can fixed?

a fiddle: http://jsfiddle.net/caffeinetocode/rq9hc7hl/1/

<!doctype html> <html>  <head>     <title>help</title> </head>  <style>  body {     background: -webkit-linear-gradient(left, #f99200, #fde000);     background: -o-linear-gradient(left, #f99200, #fde000);     background: -moz-linear-gradient(left, #f99200, #fde000);     background: linear-gradient(to right, #f99200, #fde000); }  .center {     margin: 0;     position: absolute;     top: 50%;     left: 50%;     margin-right: -50%;     transform: translate(-50%, -50%)  }  table, td, th {     border: none; }  td {     padding: 10%; }  </style>  <body>  <div class="center"> <table>    <tr>     <th>action</th> <!-- no header??? -->     <th>trigger</th>   </tr>    <tr>     <td>fullscreen</td>     <td>"f11" key</td>   </tr>    <tr>     <td>turn page forward</td>     <td>"&rarr;" key or right page curl</td>   </tr>    <tr>     <td>turn page backward</td>     <td>"&larr;" key or left page curl</td>   </tr>    <tr>     <td>set bookmark</td>     <td>bookmark icon, <i>ctrl + b</i>, or menu > set bookmark</td> </tr>    <tr>     <td>go bookmark</td>     <td>menu > go bookmark</td> </tr>  <tr>     <td>go page</td>     <td>menu > go page</td> </tr>  <tr>     <td>go page</td>     <td>menu > go page</td> </tr>  <tr>     <td>go book</td>     <td>menu > go book</td> </tr>  <tr>     <td>go verse</td>     <td>menu > go book, type "&lt;book&gt; &lt;verse&gt;"</td> </tr>  </table> </div>  </body> </html>

add: height:100%; .center div.

http://jsfiddle.net/rq9hc7hl/5/

also, mentioned in answer above - no need absolute positioning....


Comments

Post a Comment

Popular posts from this blog

google chrome - Developer tools - How to inspect the elements which are added momentarily (by JQuery)? -

-
i looking @ how website designed using inspector in chrome. can use firefox developer tools or firefox web developer add-on or chrome web developer extension. so website has slide-show , using jquery it. looking @ markup , css in inspector, i see 2 things constantly changing slides change: one opacity css property understandable, i'd see changing values, changes fast see read anything. second- a div added in div slides change momentarily , moment when appears short notice except div . so question is there way stop slideshow can temporarily rid of blinking sort of effect (by speedy adding , removal , changing of elements , values)? where can inspect div element gets added such short moment , , gets removed? , can see changes in value of opacity takes place? is there way stop slideshow can temporarily rid of blinking sort of effect (by speedy adding , removal , changing of elements , values)? if opacity animated css transition or animation,
Read more

angularjs - Showing an empty as first option in select tag -

-
my app showing empty select field first entry. have read other solution given , tried still not working. my controller code is: .controller('usercreatecontroller', function(user,profile,auth) { alert("hello"); var vm = this; vm.type = 'create'; profile.all() //this service fetch profiles shown in select field .success(function(data){ vm.profile = data; }); vm.userdata.profile = vm.profile[0]; //here have set default value select field and html page is: <label class="col-sm-2 control-label">profile</label> <div class="col-sm-8"> <select ng-model="user.userdata.profile" ng-options="person._id person.profilename person in user.profile"> </select> </div> hierarchy of vm.profile { "_id": 46, "profile": objectid("5516498e95b84548156db754"), "isactive": true, "password": "$2
Read more

php - Cloud9 cloud IDE and CakePHP -

-
i attempting cakephp running on cloud9, cloud based ide. unaware, cloud collaboration ide intermixes services such bitbucket. site gives sudo rights, , installed cakephp using these instructions: https://www.digitalocean.com/community/tutorials/how-to-install-cakephp-on-an-ubuntu-12-04-vps when attempt run database exported machine cakephp installed, error message "url rewriting not configured on server." attempted solve issue using official guide cakephp: http://book.cakephp.org/2.0/en/installation/url-rewriting.html but no cigar, same error message. has gotten cakephp working, or aware of cloud ide free/low cost cloud9 support cakephp? here's how got working now: sudo apt-get update sudo apt-get install php5-intl curl -ss https://getcomposer.org/installer | php -- --filename=composer ./composer create-project --prefer-dist cakephp/app this creates project in /app default. move workspace docroot: mv app/* ./ mv app/.* ./ rm -rf app then de
Read more