Caminho relativo das imagens

Hephaestus,

esse é o procedimento mesmo.

Os

../

são para voltar um nível (diretório) e entrar no nível (diretório) das imagens.

Está correta sua forma!

Bons estudos!

Abraço.

Hephaestus, esta correto da forma que você fez, mas porque você teve que fazer isso ?

Imagine que temos a seguinte estrutura:

src
    css
    js
    img
    index.html

Até ai tudo normal, para carregar nossos scripts, css ou imagens diretamente no index.html:

// logotipo
<img alt="Logotipo" src="img/MeuLogo.jpg">

// css
<link href="css/MeuArquivo.css" rel="stylesheet">

// js
<script src="js/MeuArquivo.js"></script>

Como o index.html esta fora de todas as pastas e encontra-se na raiz do projeto basta informar a basta seguida pelo arquivo.

Agora voltando ao seu exemplo, se quisermos carregar alguma imagem dentro de algum css não basta fazer:

// Não existe nenhuma pasta **img** dentro da pasta **css**
background: url(img/NomeImagem.jpg)

// ou

// Não existe nenhuma imagem dentro da pasta **css**
background: url(NomeImagem.jpg)

O que precisamos fazer é: Dizer para o css que precisamos voltar uma pasta e a partir dessa pasta procurar a imagem, fazemos isso através do ../:

background: url(../img/MinhaImagem.jpg

Quando realizamos ../ dentro da pasta img, estamos simplesmente voltando um nível da pasta atual, ou seja, iremos voltar para src.

Obrigado pelas repostas Manoel e Matheus.