Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

matteo boni
matteo boni
5,087 Points
Posted by matteo boni
matteo boni
5,087 Points

can you help me with this?

lect the list items inside the nav element and set their display to inline-block.

css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}
nav ul{
  list-style:none;
  margin:0 10px;
  padding:0;
}
nav a{
  display:inline-block;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: ‘Changa One’, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

4 Answers

Tomas Pavlik
Tomas Pavlik
26,726 Points
Tomas Pavlik
Tomas Pavlik
26,726 Points

Hi, I do not know how the html code looks like, but i think there should be something like nav li {display: inline-block;}

Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points
Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points

Ciao matteo boni,

significa che devi selezionare il tag "<li>" dentro al tag "<nav>" e impostare la proprietà display su inline-block così:

nav li {
  display: inline-block;
}
matteo boni
matteo boni
5,087 Points
matteo boni
matteo boni
5,087 Points

ciao Gianmarco :) , praticamente lo vado a mettere sotto nav a{display:inline-block;} giusto?

Grazie

Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points
Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points

Si lo puoi posizionare sotto a nav a{display:inline-block;}.

Comunque sia non è così importante la posizione in questo caso. Io comunque preferisco scrivere css in maniera "pulita" ovvero comprensibile quando torno dopo un po' sul file a cui stavo lavorando, ad esempio raggruppando il più possibile le definizioni per quella specifica classe o quel tag.

Per darti un esempio concreto in questo caso per lo stile dedicato al tag "nav" farei così:

nav ul{
  list-style:none;
  margin:0 10px;
  padding:0;
}

nav li {
 display: inline-block;
}

nav a {
  color: #fff;
  display:inline-block;
}

nav a:hover {
  color: #32673f;
}

:wink:

p.s. è bello trovare qualche italiano qui! :smile:

matteo boni
matteo boni
5,087 Points
matteo boni
matteo boni
5,087 Points

grazie mille Gianmarco come ti trovi? credo che siamo solo noi due nel mezzo:D io ho iniziato da poco e vado lento perché con la lingua non sono il top! pero' mi piace il corso.

Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points
Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points

Io ho cominciato un po' di tempo fa, lasciato per un po' e ripreso da circa tre-quattro mesi. All'inizio anche per me la lingua era un grosso ostacolo, ma con un po' di pazienza vedrai che non solo ti tornerà utile perchè fai pratica con l'inglese (per essere specifici l'americano), ma anche perchè quando comincerai ad utilizzare framework o leggere documentazioni dei vari linguaggi troverai molto più facile comprenderli visto che quei pochi che sono tradotti in italiano non sempre lo sono ad hoc!

Un trucchetto che ha un doppio effetto è quello di aiutare, come ho fatto io nel tuo caso, chi è bloccato con una challenge o magari non ha capito un passaggio. Rispondere in maniera formativa ti aiuta un sacco sia con la lingua che con l'apprendimento del linguaggio per cui è stata fatta quella domanda!

Hai già competenze in qualche ambito di quelli che vengono insegnati qui?

Si mi sa che non siamo in molti italiani qui, per questo quando ho visto la tua domanda mi sono fiondato a risponderti! :sweat_smile:

matteo boni
matteo boni
5,087 Points
matteo boni
matteo boni
5,087 Points

ahaha grande Gianmarco,senti ho iniziato questo mese perché voglio imparare da zero i codici, penso che mi tornera' utile in futuro :) in piu' approfitto per migliorare inglese /usa , tu lavori nell'ambito della programmazione??

Matteo

Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points
Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points

Hai preso un'ottima decisione! ti tornerà utile di sicuro, e soprattutto ti aiuterà a "pensare" in maniera diversa, vedrai!

Parte del mio lavoro comprende un po' di programmazione, nulla di che al momento, sono prima di tutto un grafico o se vuoi che fa più "figo" un Graphic Designer. Ma sono affascinato dal codice, o meglio dal fatto che qualche riga di "testo" generi qualcosa con una persona può interagire!

Se hai bisogno di aiuto per qualcosa che magari non ti è chiaro e ti interessa capirlo, e non tradurlo e poi cercare di capirlo, contattami pure! Lo faccio più che volentieri! gianmarco.mazzoran@gmail.com