Eric Rohloff wrote:
In RLM the height of the table rows can reduced by making the text smaller. Not sure if that's what your after or not.
I would like to reduce the spacing above and below the text in each td data cell which keeps the row height to a minimum
like this web page pre rlm.
I cannot seem to do this with css3 and html5.
Anyone come across this problem or has an alternate solution
http://www.orrufc.co.uk/Yorkshire_Junio … _Pool.html
When trying to experiment and build the same page in rlm the table displays like this
http://www.orrufc.co.uk/Yorkshire_fixture_pool_rlm.html
As the rugby season progresses more fixture pool requests are added which can make the table quite long.
hence I want to keep the height of each row down to a minimum to prevent excessive scrolling.
This is the css
/* Text Elements */
h1.page-title {
background-color: #e0e0e0;
color: #a2112e;
text-align: center;
font-weight: 700;
}
h4.section-heading {
color: #008000;
text-align: center;
font-weight: 700;
}
/* Image Elements */
img.image-2-1.header-logo {
max-width: none;
border: .125em solid #a2112e;
}
/* Common Elements */
div.table-container.table-1 {
border: .125em solid #a2112e;
}
/* Layout Elements */
body.grid-1 {
background-color: #eee;
}
body > .row > [class*='coffee-span-'].section-headingu {
background-color: #e0e0e0;
}
@media screen and (max-width: 56.25em) {
}
@media screen and (max-width: 43.75em) {
}
@media screen and (max-width: 32.1875em) {
}
@media screen and (max-width: 30.0625em) {
}