Hello All,
I was showing off my output to management and had used tables for a 2 column layout. This table was in a responsive DIV and while the other content was responsive, the table wasn't I'm now in the process of converting anything in a table layout to a Responsive DIVs (RDs) format. I defined a New Responsive Layout using the 6-6 option. For the top row (cell 1 and cell 2), I want a background-color/white font. I've tried assigning unique IDs for Cell1 and Cell2 but the background color doesn't fill the gutters. Similar to a table head row, I want the color to span both cells and am stuck getting the right HTML/CSS. Any help is greatly appreciated.
Responsive Layout - Row to Span Child Divs
Re: Responsive Layout - Row to Span Child Divs
Solution:
1. Use XML Editor instead Text Editor to create Responsive DIVs.
2. Insert desired # of Rows
3. For top row, create paragraph style with Class for top row:
-Background color
-Font Color
-Padding
-Font Variant (small caps)
4. Copy existing content into Responsive DIVs.
1. Use XML Editor instead Text Editor to create Responsive DIVs.
2. Insert desired # of Rows
3. For top row, create paragraph style with Class for top row:
-Background color
-Font Color
-Padding
-Font Variant (small caps)
4. Copy existing content into Responsive DIVs.
Re: Responsive Layout - Row to Span Child Divs
One more item . . . I found it's best to not use copy/paste. I've had to insert images and add text to each DIV "cell" for it to work.