moving my header closer to top of page, a css question

  • Resolved flush

    (@flush)


    17 years, 7 months ago

    Hi,
    I’m using the fSpring theme and I’m trying to move the header closer to the top of the page.
    There was a big grey title above the header that I didn’t want so I think I made it invisible by puttin “display: none;” (it was a while ago so I don’t remember clearly)
    Anyway there is no “padding-top” in the #logo section, where the header is, so I was thinking of reducing the section where that big title was hoping everything would move up. Am I right to hope so?
    But in the concerned section (#pages h1), the paddings are all grouped, like this:
    #pages h1 a{
    padding:13px 0px 0px 10px;
    So how do I know which one is the top one? Should I set the all to 0 and see what happens?
    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mike Rouse

    (@mikerouse)

    17 years, 7 months ago

    The “padding: 13px 0 0 10px… ” works in a clockwise fashion, so the top one will be 13px and the left one will be 10px.

    You may also be able to achieve the moving up effect by using a negative in the padding/margin tag. E.g:

    margin-top: -10px;

    Far from ideal, but might do the trick.

    To solve the issue properly you’ll need to look at your CSS in more detail.

    Thread Starter flush

    (@flush)

    17 years, 7 months ago

    Thanks,
    yes my solutions are usually not “proper”…
    I’ll try it out and see what happens

    Thread Starter flush

    (@flush)

    17 years, 7 months ago

    I changed the height of div#pages
    It works great in FF but a little less in IE
    Anyway… resolved

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘moving my header closer to top of page, a css question’ is closed to new replies.