Grow your CSS skills. Land your dream job.

How to fix the white space at the top issue?

  • # July 14, 2013 at 3:52 pm

    Sorry for my misunderstanding, Paulie, now it looks better, but still we have one more thing to tackle, that is, the Blue bar next to “Software for Students”, how do we remove that guy?

    Many thanks.

    # July 14, 2013 at 3:54 pm

    It’s this image

    Just remove it for now.

    # July 14, 2013 at 3:58 pm

    remove this image and then remove center tag from heading and set left margin for the heading

    edit codes in the next comment

    # July 14, 2013 at 4:07 pm

    remove this

    edit heading area with this

    Software for Students

    Edit : better add the style part in css

    # July 14, 2013 at 4:10 pm

    Yeah…there’s a heck of a lot of inline CSS in the HTML that should be extracted to a stylesheet.

    # July 14, 2013 at 4:18 pm

    Great. Paulie and Rohithzr

    And I wonder if we could bring back the header image file back into the header
    /images/header.logo.png

    Many thanks.

    # July 14, 2013 at 6:00 pm

    We’re getting so close…
    I attempted to change
    #header img { padding-left: 125px; vertical-align: bottom; overflow: visible; }
    to
    #header img { src:’../images/header.logo.png’; padding-left: 125px; vertical-align: bottom; overflow: visible; }
    to no effect.

    # July 15, 2013 at 6:59 am

    i guess it is working, or not sure what you want

    # July 15, 2013 at 8:12 am

    You can’t add a `src` **attribute** in CSS….it’s not a CSS property.

    # July 15, 2013 at 1:24 pm

    Instead of using `src`, you want to use `url()`:

    #header img {
    background: url(../images/header.logo.png);
    padding-left: 125px;
    vertical-align: bottom;
    overflow: visible;
    }

    # July 15, 2013 at 5:57 pm

    Thank you all, the white space at the top is resolved now. But I have a new issue, please see

    http://css-tricks.com/forums/discussion/26814/how-to-add-some-space-between-li-/p1

Viewing 11 posts - 16 through 26 (of 26 total)

You must be logged in to reply to this topic.

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