I'd like to have this table to fit in any media screen including ipad and
mobile phone.
How do I do it. This is the code:
{{extend 'layout.html'}}
<style>
.btn{
border-radius: .28rem;
}
h3 {
display: block;
font-size: 1.17em;
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: light;
font-family: "Josefin Slab";
color:black;
}
</style>
<h3>
We'd love to have data about your state. Please enter or confirm your
details, then scroll down to submit.
</h3>
<style type="text/css">
#table {
position: absolute;
top: 12em;
left: 16%;
padding: 1em 3em 3em 3em;
max-width:60em;
max-height:29em;
margin-top: -9em; /*set to a negative number 1/2 of your height*/
margin-left: -15em; /*set to a negative number 1/2 of your width*/
background-color: #DFF0D8;
color:black;
font-family: "Josefin Slab";
border-radius:18px;
overflow:scroll;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent;
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}
table {
width: 100%;
}
tr {
text-align: left;
}
</style>
<div id="table">
{{=form}}
</div>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
