Header alignment

  • Resolved RebootRecords

    (@rebootrecords)


    14 years, 2 months ago

    hi,

    I want to align my header to the left and have a small gap above it.

    My code is below but its not aligning the image

    https://rebootrecords.co.uk/test/

    #header {
height:260px;
width:585px;
padding-left:0px;
padding-top:50px;
clear:both;
margin:auto;
text-align:left;
background-image:url(https://rebootrecords.co.uk/images/Logo.png);left repeat-n;
}
Viewing 6 replies - 1 through 6 (of 6 total)

  • background css:
    https://www.w3schools.com/css/css_background.asp

    Thread Starter RebootRecords

    (@rebootrecords)

    Thanks, I changed it to match what i found but still have the same issue

    #header {
height:260px;
width:585px;
padding-left:0px;
padding-top:50px;
clear:both;
margin:auto;
text-align:left;
background-image:url('https://rebootrecords.co.uk/images/Logo.png');
background-repeat:no-repeat;
background-position:left top;
}

    Your logo is 311px tall, so you should make your height 311 + 50px.

    Next you’ll want to fix your last row. background-image…
    Change it to:

    background: url(https://rebootrecords.co.uk/images/Logo.png) bottom left no-repeat;

    Thread Starter RebootRecords

    (@rebootrecords)

    Thanks Christine,

    I now have the gap at the top i would like but still not aligned to the left

    }
#header {
height:270px;
width:585px;
padding-left:0px;
padding-top:50px;
clear:both;
margin:auto;
text-align:left;
background: url(https://rebootrecords.co.uk/images/Logo.png) bottom left no-repeat;
}

    the div #header is 585px wide and centered (with the margin:auto;).

    your background image is 585px wide.

    you need to move the div #header to the left, not your background image.
    probably by removing the margin:auto; from your style.

    Thread Starter RebootRecords

    (@rebootrecords)

    Thats got it

    Thank you very much!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header alignment’ is closed to new replies.