table row height problem - Post ID...

User 476017 Photo


Ambassador
375 posts

Have been using RLM and very pleased with the software.
However I have a problem which I cannot resolve and need some help.
I have created my template and exported OK but just having a problem in the html editor customising the
height of a row in a table. I cannot seem to reduce the height.
Just been searching through Google for a solution but no luck.
Is this a limitation of CSS3 and html5.
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 187934 Photo


Senior Advisor
20,245 posts

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 can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 476017 Photo


Ambassador
375 posts

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) {
}
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 187934 Photo


Senior Advisor
20,245 posts

Reduce the padding. Line one of the wireframe-theme.min.css
tbody tr td, tbody tr th, tfoot tr td, tfoot tr th, thead tr td, thead tr th {
padding: 0.625em;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 476017 Photo


Ambassador
375 posts

Eric Rohloff wrote:
Reduce the padding. Line one of the wireframe-theme.min.css
tbody tr td, tbody tr th, tfoot tr td, tfoot tr th, thead tr td, thead tr th {
padding: 0.625em;
}


Thanks very much Eric that solves my problem.
Would this fix also work
If I put the above css in a stylesheet custom.css and place
below wireframe -theme.min.css
eg
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<link href="custom.css" type="text/css" rel="stylesheet" />
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 187934 Photo


Senior Advisor
20,245 posts

Yes, it should force the override and that's the way I would do it so you don't have to keep reinventing the wheel.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 476017 Photo


Ambassador
375 posts

Eric Rohloff wrote:
Yes, it should force the override and that's the way I would do it so you don't have to keep reinventing the wheel.

Thank you Eric I will setup a custom.css.
Also thanks for your help and advice I would never have thought to look in the wireframe css.
cheers
Dave
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.