hola,
Voy a intentar explicar como funciona esto de las rutas relativas al documento (en este caso una pagina html).
Imaginemos que tenemos una web dentro de la carpeta MiWeb.
De esta cuelgan otras 3 Carpetas y una pagina html: publico, privado, imagenes e index.html
Por ultimo, en las carpetas publico y privado hay paginas html y una carpeta (imagenespublico e imagenesprivado respectivamente).
Teniendo en cuenta este supuesto:
Si queremos meter una imagen de la carpeta imagenes en la pagina index.html, deberemos poner lo siguiente:
imagenes/foto1.gif o ./imagenes/foto1.gif
Esto se debe a que index.html y la carpeta imagenes se encuentran en el mismo nivel. El ./ significa que accedemos al mismo nivel en el arbol de directorios
Y para meter una imagen de la carpeta imagenespublico sería así:
publico/imagenespublico/foto2.gif o ./publico/imagenespublico.foto2.gif
Por otro lado si queremos meter una foto de la carpeta imagenes en una pagina de la carpeta publico(indexpublico.html) hariamos lo siguiente:
El ../ significa que subimos un nivel en el arbol de directorios.
Espero no haberme equivocado y que te haya servido en algo.
Saludos