Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
Can't make table columns same width

ajac73
Registered User
Quote
2020-12-01 01:34:30

In one of my pages there is a table with four columns that seem to be the same width in the editor view, but in preview mode the widths are not equal. How do I make the columns equal width?


erik
Registered User
Quote
2020-12-01 06:52:47

Tables are responsive too in RocketCake, so they adjust their size also automatically depending on screen size and content.

But I think you can force a cell to have a fixed width too: Create a container, then drag it into the cell. Then set the "Size" property of the container to something like "200, auto" instead of for example "50%, auto"


ajac73
Registered User
Quote
2020-12-01 12:13:52

OK, so I would put a container into the top cell of each column and set the width accordingly? I'll try this, many thanks for helping.
----
Right, just tried this but it didn't work. There was no change at all.


erik
Registered User
Quote
2020-12-01 14:23:30

Difficult to say without seeing it.
You could also just sent your .rcd file to support (see on this website Support -> Contact) and ask them to help you


ajac73
Registered User
Quote
2020-12-01 14:35:42

Thanks once again. I found a solution which is:

Go to View > HTML Code of page, then select 'Additional CSS styles' from the drop-down menu. Then add following in the editing box:

table {
table-layout: fixed ;
width: 100% ;
}
td {
width: 25% ;


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internatio?al" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact