How can I put a div inside another...

User 2811311 Photo


Registered User
6 posts

Pretty simple question .....

How can I put a div inside another div ?
User 2699991 Photo


Registered User
5,402 posts
Online Now

Pretty simple response is what for?

but basically
<div>blahblahblah
<div> blahblahbla</div>
<./div>
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 434929 Photo


Ambassador
938 posts

My answer would be very simple through video as well :)

https://www.youtube.com/watch?v=VAZE6CuCk3Y

Guys at coffeecup are awesometacular.
User 2706435 Photo


Ambassador
444 posts

In RSD the container element act as divs that are not a part of the grid. But in this application you can not nest containers. In Foundation Framer, you can. There might be an update to RSD that allows one to do that. In the meantime, you can try to use subgrids to accomplish what you need.
User 10077 Photo


Senior Advisor
1,096 posts

Right now, in RSD, you can nest divs in this hierarchy.

Row
Column
Subgrid
Container
HTML Element
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2823310 Photo


Registered User
312 posts

I'm in the same view of nested divs as Bill but it depends on how they are being used at the moment. For layout Mansour did a great tut which would be the preferred method for that.

I for example though wrote two different types of slideshows for another program that use nested divs one a one line Jquery and the other mainly CSS driven with a JS layer function and am finding it difficult to convert them over to RSD at the moment even with the HTML element.

So in those kinds of applications it looks like the option is to independently style and apply them solely using an HTML element.
User 2811311 Photo


Registered User
6 posts

Thanks Bill G, your answer is what I expected.

Of course I can insert nested divs inside an HTML element, but then I don't have the control access of RSD.
User 10077 Photo


Senior Advisor
1,096 posts

Actually, there is a workaround. In nearly all of my projects now, I include a page called styles. For items that go in html elements, I style them on my "styles" page. I can then copy the code into the html element. Using nested divs as an example.

On the styles page, add a container for each of the divs and give them css names. Style them like you want them. Save and export.

In HTML Editor, nest the container divs inside one another.

Copy the code into the HTML Element on the page that will display the nested div.

By using this method, you can make any changes to the css of the divs (or other elements within them) and the changes will be reflected on the site without having to make changes inside the html element.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2815606 Photo


Registered User
55 posts

Thanks Brian, nice solution to a problem that has been puzzling me.

I'm going to have a go at this myself.

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.