Centering header?

  • NKKN

    (@nkkn)


    13 years, 11 months ago

    Hi,

    This is not my area so I am in need of some (easy) help 🙂
    I’ve been changing details in my stylesheet, such as the text size, color, weight etc, and now the header, and h2, doesn’t seem to center and align with, for example, the headline under (which shows once you click on a page) which seems to be centered correctly.

    I don’t know what the correct term is for this 2nd headline I’m referring to and can therefore not look for it in the stylesheet or explain my problem better…

    But, if anyone did understand my problem, please let me know! 😉

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Pioneer Web Design

    (@swansonphotos)

    13 years, 11 months ago

    Please provide a site link, without it, we could not even guess.

    Thread Starter NKKN

    (@nkkn)

    13 years, 11 months ago

    This page should show my problem
    http://nikokaine.com/nature/

    The way I see it the text NATURE is placed correctly and the above text is all wrong, no?

    Thanks!

    Pioneer Web Design

    (@swansonphotos)

    13 years, 11 months ago

    #header {
height: 80px;

    is too small for starters (and is not required at all actually)

    and review

    # header h1 {

    and

    # header h2 {

    Thread Starter NKKN

    (@nkkn)

    13 years, 11 months ago

    #header {
    position: relative;
    height: 100px;
    width: 100%;
    display: block;
    overflow: auto;
    text-align: center;
    margin: 0px 0px 0px 0px;
    }
    #header h1 {
    font-family: “Riesling”;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: lowercase;
    margin: 0px auto 0px auto;
    clear: both;
    color: #111111;
    padding: 0px;

    OK, I changed it from 80 to 100px and the h1 from 50 to 60px. It looks better, but still the whole block is not centered.

    Thanks for helping me out!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Centering header?’ is closed to new replies.