I can't seem to figure out how to add borders to cells in my tables. I have a need to not only have a border around the table, but I also need to add borders to the cells as well. Any help will be appreciated...
I would not use a table in a responsive design if you can help it...
Tables are very difficult to deal with in a responsive design, making them look good on small screen is a real nightmare. Using rows and columns (with borders) gives a bit more flexibility. I made a table for the Responsive Email Designer page that way a while back using RSD, you can view it here: http://bob.coffeecup.com/layouts/email- … index.html
If there's interest I can try to find the project file, update it and share it.
But really, tables can be so complex to 'fit' on small screens that this would probably deserve it's own app. 'Responsive table designer' would need to use javascript to do all types of complex tricks in terms of layout changes and content presentation. For most designs hand coding is the only option (for now). Here's a good example: http://www.filamentgroup.com/lab/tablesaw.html
Ps. if you're concluding that the table element should not have been included in the app, you might be right. We also might still remove it from RSD before public release...
Tables are very difficult to deal with in a responsive design, making them look good on small screen is a real nightmare. Using rows and columns (with borders) gives a bit more flexibility. I made a table for the Responsive Email Designer page that way a while back using RSD, you can view it here: http://bob.coffeecup.com/layouts/email- … index.html
If there's interest I can try to find the project file, update it and share it.
But really, tables can be so complex to 'fit' on small screens that this would probably deserve it's own app. 'Responsive table designer' would need to use javascript to do all types of complex tricks in terms of layout changes and content presentation. For most designs hand coding is the only option (for now). Here's a good example: http://www.filamentgroup.com/lab/tablesaw.html
Ps. if you're concluding that the table element should not have been included in the app, you might be right. We also might still remove it from RSD before public release...
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.
Thanks! I was kinda headed in that direction....
Hey, Bob.
I'd be interested in the project file for the "responsive table" shown in http://bob.coffeecup.com/layouts/email-designer-feature-table/index.html.
I've got some tables that I need to make (2 - 3 columns) and they do need to be responsive so this approach would work well. Please upload it for us!
-Bill
I'd be interested in the project file for the "responsive table" shown in http://bob.coffeecup.com/layouts/email-designer-feature-table/index.html.
I've got some tables that I need to make (2 - 3 columns) and they do need to be responsive so this approach would work well. Please upload it for us!
-Bill
I know this is an old post, but I have a question along the same lines. I have two pages on my project that need tables to show information. I already have them in place, but I wouldn't mind taking the time to change them if it were neccesary. The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?
Monique
Monique Cormier wrote:
I know this is an old post, but I have a question along the same lines.
I know this is an old post, but I have a question along the same lines.
No problem, I see that I forgot to do my duties and post the table, so glad this popped back to the surface!
Monique Cormier wrote:
The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?
The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?
No sure I understand the 'page on pages' remark Monique. Can you post a link to the site or attach the project file so we can take a looksy?
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.
Monique Cormier wrote:
The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?
The only problem I seem to have with them is that these pages seems to be slow to load. Do you think it is because of the multiple pages I have on these pages?
No sure I understand the 'page on pages' remark Monique. Can you post a link to the site or attach the project file so we can take a looksy?[/quote]
So sorry! I meant to say that I have multiple tables on each of these pages. Sorry again!
Monique
Monique Cormier wrote:
So sorry! I meant to say that I have multiple tables on each of these pages. Sorry again!
So sorry! I meant to say that I have multiple tables on each of these pages. Sorry again!
No worries, got it now. That should not impact performance though. If you can get us the project file we can take a look. You can also add it here https://www.coffeecup.com/help/myroom/ if you prefer.
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.
WMammel wrote:
Please upload it for us!
-Bill
Please upload it for us!
-Bill
Sorry, totally forgot about this. I recently redid this using Flexbox though, leading to much better results. I will post it as soon as we release Responsive Site Designer V1.5 with Flexbox support.
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.
Hey Bob, Can you add the sample RSD file.
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.