Help with moving the links horizontal

paigeheff / horizontal-nav

Make a horizontal navigation using the CSS flow and display properties.

0 stars 0 forks source link

Help with moving the links horizontal #2

Open paigeheff opened 8 years ago

paigeheff commented 8 years ago

I cannot figure out how to move the links horizontal on this. I've tried multiple codes and it's not working. Also, how do I get rid of the bullet points behind the words? Also, the rectangle of colour is not getting any larger, to fit to how it shows, what numbers would I change? @thomasjbradley

thomasjbradley commented 8 years ago

Re: bullets

I see you used list-style-type: none—that's what you need. But in the CSS it’s attached to the <a> tags—are those the things that have bullets?

Re: horizontal links

Have you tried some of the different display values? Like inline or inline-block?

Re: rectangle background colour

Try moving the border onto <header>—deleting it from <html>
Then if you look in the developer tools you can see that <body> has some orange stuff on it that you'll need to remove in your CSS.

paigeheff commented 8 years ago

How do I get this to be more similar? It still says 80% difference.

and I don't understand the CSS required properties- what am I supposed to do for that?

thomasjbradley commented 8 years ago

If you click on the screenshot you can see what is different about your website.

For the body, margin error: if you look in the screenshot you can see there is whitespace around the outside edges of your navigation, but mine touches the side—fixing that will fix the error. Try using the Developer Tools and inspect the <body> tag to see if it has a margin on it.

For the font-family, on this line here: https://github.com/paigeheff/horizontal-nav/blob/gh-pages/css/main.css#L24

Change the backup font to serif instead of cursive—cursive is a horrible choice for a backup made by Google.

paigeheff commented 8 years ago

I cannot find the background for the webpage (the colour). I have went through all of the colours you gave us, but I cannot find the right one. Which one do we use?

I also can't figure out how to move the boxes with the words in it, so it's up higher and closer to the word "planet"

@thomasjbradley