css side column heading

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. column color examples
designaireAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

COBOLdinosaurCommented:
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&
0
designaireAuthor Commented:
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.
0
COBOLdinosaurCommented:
There is no single best approach.  There are some best practices in terms of how to solve specific problems. At this point I see some misalignment that could be the result of a hundred different thing.  So if all you want to do is ask a vague question all I can give is an equally vague answer.

You fix it with CSS or maybe HTML or it might take some javascript, or there is a problem with your browser or you have coding errors or the doctype is wrong or what you want is not posssible.  That should about cover it.



Cd&
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

MarsMCommented:
You could insert a div before the title with and give the div css top:-5px;left-30px; (numbers are examples).
0
MarsMCommented:
You could insert a div before the title with a background-color and a width and height and give the div css top:-5px;left-30px; as well (numbers are examples).
0
designaireAuthor Commented:
I finished it, not sure it's the best way but...
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.