<div>
The graphic gives us zero information. &nbsp;The problem is in the CSS or the HTML. &nbsp;If you post the code you have a chance of getting some help. &nbsp;A link to the page would be even better.<br />
<br />
Cd&amp;
</div>


The graphic gives us zero information.  The problem is in the CSS or the HTML.  If you post the code you have a chance of getting some help.  A link to the page would be even better.

Cd&

<div>
It was more of a general question, on how to approach the CSS. I wondered if the side piece would just be another column. If you did that you'd have to hand code each side piece. I was just wondering if that was the best way to apporach it.<br />

</div>


It was more of a general question, on how to approach the CSS. I wondered if the side piece would just be another column. If you did that you'd have to hand code each side piece. I was just wondering if that was the best way to apporach it.


<div>
You could insert a div before the title with and give the div css top:-5px;left-30px; (numbers are examples).
</div>


You could insert a div before the title with and give the div css top:-5px;left-30px; (numbers are examples).

<div>
I finished it, not sure it's the best way but...
</div>


I finished it, not sure it's the best way but...

<div>
<div class="content wysiwyg-content">
I'm trying to extend the header color and lower it. (see graphic) I'm using css. How would I do something like that? &nbsp;Create a separate class for each square. Right now I have a column outside the main page. <a href="https://filedb.experts-exchange.com/incoming/2011/12_w52/533054/csc.gif" target="_blank" title="column color examples (15 KB)"><img alt="column color examples" class="file-block lazyload" style="max-width: 290px;" data-src="https://filedb.experts-exchange.com/incoming/2011/12_w52/533054/csc.gif" /></a> 
</div>
</div>


csc.gif

I'm trying to extend the header color and lower it. (see graphic) I'm using css. How would I do something like that?  Create a separate class for each square. Right now I have a column outside the main page.  

css side column heading

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.