Hello group

I am trying to add a HTML element to my page. I made a table like I normally do but because of the CSS styles my own table is simply overruled. No borders, width of 100% etc.

What is this? There even isn't a table element available in RSD but my own table is overruled because of the exisiting CSS style sheet.

How can I change this? I simply want to add a whole html page in my element to be honest and I find only problems ;-(

And yes: I KNOW that I can also make a table with containers and paragraphs but making a table in HTML simply costs me a minute instead of the containers which never work the way I want them to work.

Help?

Did you add your own css?
Did you use different class names for the table than the ones in the css coming with the programme?

You may have to post the project file so that we can see what is going on.

I just opened a new project without anything in and on it. Just added a table to the HTML element and noticed what went wrong. I did not make ANY css or class or wahtever. I hoped that I could simply add a table to the HTML element field but obviously not. In one of the CSS syle sheets that are standard are tables defined. And a table is a table :-(

Not so sure how to do this in RSD if you are using the coffeegrinder grid system. But if you play around with containers and flex properties, I'm sure you get there in the end.

Just for the sake of it, how many rows and columns do you need?

I wonder whether the following may be relevant.

(a) Something odd happened to me when I first tried to enter just <table></table> in an RSD HTML box: using the Inspector panel revealed that somehow it created an extra HTML box! That is however no worry, as it all works properly once I actually created coding for a simple table and put it in an HTML box as follows -



(b) I have found that tables designed with flexbox, using the guidance that can be downloaded from this page, are far better for responsive layout. Narrowing this page to a screen width of less than 280px will show what I mean.

Frank

@ frank: try to add a border to the table and/or another width and you see what I mean! It simply doesn't appear. For example. This is caused by the css style sheet saying table width=100% :-(

<table cellpadding=5 border=1 width=50%>
<tr> <td>item 1</td> <td>item 2</td>
</tr>
<tr>
<td>item 3</td> <td>item 4</td>
</tr>
</table>

I know that I can also add containers, paragraphs and such. But I am so used to programming and building whatever I want. I still don't like the app I guess :-(

@ inger: I am surprised that the standard style sheet is able to simply overrule things that are not an element in the app. I find that annoying. And reading that they will add the table option a while back and it doesn't happen is not a good thing either.

I see what you mean. The cellpadding and width attributes for tables are, of course, obsolete. It seems that RSD enforces this, whereas most browsers are tolerant of it.

I think that the flexbox approach mentioned in my last post is worth exploring for responsive layout, as I found tables a nightmare at narrow widths.

Unless my memory is playing tricks with me, I think there was some talk of CoffeeCup software perhaps making a Responsive Table Designer. Can anyone remember this please?

Frank

Sorry Max, the example you wrote above doesn't use css at all, it is using obsolete html tags! CSS has been around for at least 15 years now.

Any css will override html tags, so your width of 50% will not be considered at all if the style sheet says 100%.

What you can do in RSD is giving the table a class name, and then you can set the width on that within the programme.

I don't remeber anything about this, but if they have such plans, I'd rather see the table designer as a part of RSD, RFF and RBB.

I think with the use of Flexbox any responsive table designer might not be needed.