table structure - Post ID 257878

User 78051 Photo


Registered User
201 posts

Hi guys

In RSD, whats the best way to replicate the structure of a table without using a <table>? I have been playing with containers and floats but it doesnt feel 'right'

Cheers

Jamie
User 92156 Photo


Registered User
272 posts

I use "display:table" for container divs, and "display:table-cell" for the inner-divs in my style sheets to make them behave a lot like tables - it solved my problem of getting side-by side divs to adopt the same height/
I'm not very experienced with this sort of thing yet so the others might be able to help you better than I can.
User 78051 Photo


Registered User
201 posts

Thanks Zipper. Just trying to figure out which elements to be using: sub grids, containers or something else?
User 2728698 Photo


Registered User
38 posts

Do tables slow down a page while loading?
Monique
User 187934 Photo


Senior Advisor
20,266 posts

I would say no unless your using some mysql queries to return lots of data in dynamic content.
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 232214 Photo


COO
827 posts

Jamie wrote:

In RSD, whats the best way to replicate the structure of a table without using a <table>? I have been playing with containers and floats but it doesnt feel 'right'

I made a feature table with flexbox using Responsive Site designer Beta V1.5. It's great but might not work for all data structures. Will share it as soon as RSD V1.5 goes public. :P
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

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.