Page 1 of 1

[Solved]Adding nested divs to template?

Posted: Sat Apr 20, 2013 3:41 am
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.