[Solved]Adding nested divs to template?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
jasnick
Power Poster
Power Poster
Posts: 695
Joined: Sat Jan 15, 2011 8:36 am

[Solved]Adding nested divs to template?

Post by jasnick »

Good morning

In template I have:

<div id="info">
<div id="rnd_container"><strong class="rnd_top"><strong class="rnd_b1"></strong><strong class="rnd_b2"></strong><strong class="rnd_b3"></strong><strong class="rnd_b4"></strong></strong>
<div class="rnd_content">
{content block="second_content_block" label="Info"}
</div><!--rnd_content-->
<strong class="rnd_bottom"><strong class="rnd_b4"></strong><strong class="rnd_b3"></strong><strong class="rnd_b2"></strong><strong class="rnd_b1"></strong></strong></div>
</div><!--info-->

Within #info in CSS I have .box, .box h1 and .box img. There will be several .boxes in #info on the page.

I can do it by adding the code to the page

<div class="box">
<h1>Senior Lifestyle</h1>
<img src="uploads/images/PhotoAlbum/SouthWestMetro/Seniors%20Lifestyle.jpg" alt="" /></div>

but I want this code put in the template so the editor doesn't need to use it and can simply add h1s and and images in the editing content block called 'info'. When I try it in the editing box (editor uses TinyMCE) I get the h1 in one box and the img in another box.


I am wondering now if I need multiple editing boxes? One for each item?

Thanks
[Later] Decided separate content blocks was the only way to go.
Post Reply

Return to “Layout and Design (CSS & HTML)”