Immagini in fila

[Vincent.Zeno]

così l'allontani dai bordi del suo contenitore, devi posizionare anche il contenitore (prima che posizionare l'immagine)


edit
o meglio: devi posizionare anche il div overlay

[Vincent.Zeno]

ti do uno sunto per lavorare:

.overlay {
  position: absolute;
  top:200px;
  left:200px;
  height: 250px;
  width: 250px;
  opacity: 0;
  transition: .5s ease;
  background-color: #ffcc00;
}

[Lucafarnese]

Ok le immagini sono in fila adesso. Scusa se faccio tante domande ma non so come fare... C'è un modo per avvicinarle visto che sono un pò troppo distanti?

[Vincent.Zeno]

analizza quello che hai fatto, così capisci bene quello che hai fatto e dove mettere le mani.
sei partito con due container che ingombrano il 50% l'uno e che se ne stanno affiancati.
inizia col definire l'area di lavoro, e vai di seguito

[Lucafarnese]

Ah ok ho capito basta ridurre la lunghezza del container... Grazie mille!

[Vincent.Zeno]

la lunghezza

larghezza
usiamo larghezza e altezza: width e height

[Lucafarnese]

larghezza
usiamo larghezza e altezza: width e height

Sì scusa ho confuso i termini

[Lucafarnese]

Per non creare un altro post scrivo direttamente qui... Dopo aver aggiunto un pò di immagini, scorrendo quest'ultime salgono e si sovrappongono al menù di navigazione in cima alla pagina, che rimane... Come posso evitarlo?

[Vincent.Zeno]

dobbiamo tirare a indovinare o ci passi il codice?

[Vincent.Zeno]

comunque prova a mettere uno z-index maggiore al tag header

css
header {z-index:2;}

correggo, mettilo anche al tag nav e aggiungilo ai container

css
.container {z-index:1;}
header, nav {z-index:2;}