Hello

 

I am starting work on my first-ever paid project (mates rates but it is a step in the right direction) and I already have a couple of stumbling blocks that I hope I can ask for advice on.

 

Firstly I wanted the nav bar at the top to have About & Contact on the right - but it is placing it on the next line. How can I bring it back onto the same line?

 

Secondly, why do I have a 10px (approx) white border left and right? Looks odd.

 

Can anyone kindly advise?

 

Web page is currently hosted at http://jameswinfield.co.uk/Emma.html.

 

Thanks

James

Remove the padding/margin from your HTML,body {} in your CSS.

 

I'd explain the other issue but I'm on phone so its a bit of a hassle. Sorry if this is useless! Just I'm out at the moment so I can't do much in terms of explanation.

I've realised my error on the background colour - but still have the issue of the nav.

This will fix the issues with the new line on the navigation, just replace Emma.css with this:

 

.nav a {
    color: #5a5a5a;
    font-size: 14px;
    font-weight: bold;
    padding: 14px 20px;
    text-transform: uppercase;
}

.nav li {
    display: inline;
}

/* no Pull left was added */
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.jumbotron {
    background: url(Emma3.jpg);
    height: 1200px;
    background-repeat: no-repeat;
    background-color: black;
    padding: -10px;
    /* add this to fix the float issues */
    clear: both;
}

.jumbotron .container {
    position: relative;
    top:10px;
}

.jumbotron h1 {
    color: #fff;
    font-size: 48px;  
    font-weight: bold;
    text-transform: uppercase;
}

.jumbotron p {
    font-size: 20px;
    color: #fff;
}

.cc {
    font-size: 11px;
    color: #5a5a5a;
    float: right;
}

Edited September 1, 201411 yr by D4Y0

Thank you ever so much :-)

No problem

Edited September 1, 201411 yr by D4Y0