Grow your CSS skills. Land your dream job.

Multiple Header Colors

  • # September 15, 2008 at 12:05 pm

    Hi,

    I have six pages and each header needs to have its own color.

    Any suggestions on what would be the best way to accomplish this?

    Thanks

    # September 15, 2008 at 12:46 pm

    hmm, not sure what you mean but maybe this helps you:
    what about giving each page body a unique ID and then style it in the CSS?

    Code:
    Code:
    #page1 .header {
    color: green;
    }
    # September 15, 2008 at 9:00 pm

    Thanks for the reply.

    Sorry for the confusing question. I am still new to CSS

    I have three divs [header,wrap,footer] each has a background image applied to it.

    On each page I need a new background image.

    So on my home page inside the divs the background image would be blue.
    Then on the about us inside the dive the background image would be yellow.

    I know there is a better way to explain this but please bear with me.

    hope this makes some kind of sense

    but any help would be great

    Thanks

    # September 15, 2008 at 9:15 pm

    same concept

    #page1 .header {
    color: blue;
    background: url(/path/to/your/image)
    }

    In order to leave your markup the same, have some CSS that relates to each custom page

    # September 16, 2008 at 9:27 am

    Great,

    i will give i a try.

    Thanks for the reply.

    # September 16, 2008 at 9:34 am

    Okay,

    I figured it out. But thanks for the help.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".