DH Templates

CSS Box Help?

I downloaded this template (http://www.oswd.org/design/preview/id/3533) and I got interested in CSS, but i do not know to much about it. As you can see, on the right it has 3 boxes one underneath the other. Is it possible to have the same thing on the left side. I want to keep the size of the left box the same, but i just want another one underneath it. I experimented and was able to do it, but then the 3 boxes on the right would start from the second box on the left. I want the boxes on the left and on the right to start at the same place.

Public Comments

1. Look at the CSS selectors for this code and do same for opposite side. You may have to adjust the center main content div container to add boxes properly. <div class="box"> <h2>Heading One:</h2> <p>Paragraph here.</p> </div> <div class="box"> <h2>Heading Two</h2> <ul> <li><a href="URL_One" title="Mouseover Description">Link One Text</a></li> <li><a href="URL_Two" title="Mouseover Description">Link Two Text</a></li> <li><a href="URL_Three" title="Mouseover Description">Link Three Text</a></li> </ul> </div> <div class="box"> <div style="font-size: 0.8em;">More Text <a href="URL_Four" title="Mouseover Description">Link Four Text</a></div> </div> Ron