problema con background:url

[fearhds]

hola, me encuentro que al usar este comando mientras programo con el dreamweaver para ver las imagenes debo escribirlo como:

style="background:url(../XXXXX/images/fondo.jpg)

si no pongo que esta dentro la carpeta XXXXX que es el sitio web no me lo encuentra.


Y cuando lo subo a la web es lo contrario... si no pongo
style="background:url(../images/fondo.jpg) no veo la imagen.




Estoy usando dreamweaver y a la hora de crear el sitio en todas partes he incluido que el camino sea C:/.../XXXXX/
o en el caso de imagenes C:/.../XXXXX/images/


alguien sabe como solucionar este problema en la ruta para que lo vea tanto en dreamweaver como una vez subida a la web??

[serius29]

Siempre es complicado al comienzo direccionar tus imagenes, en primer lugar tienes que tener claro desde donde estas llamando el archivo, voy a tratar de explicarme, si estas en la carpeta raiz (carpeta principal de tu sitio) para entrar a cualquier subcarpeta de la carpeta raiz solo debes colocar solo debes colocar el nombre de la carpeta y el archivo ("subcarpeta1/imagen.jpg"), pero si estas en una subcarpeta del directorio raiz y quiere llamar un archivo de otra sub carpeta debes colocar la ruta para salir de esa sub carpeta y direccionar la subcarpeta a la que quieres ir (".../subcarpeta2/flash.swf") los punto suspensivos con el slash (.../) es para salir de la carpeta y volver a la raiz, se que soy un poco enredado, pero tienes que tener claro donde estas ubicado en tu web para llamar un archivo para saber direccionar

[kseso?]

Hola Fearhds.
Hay dos formas de enlazar: relativa y absoluta.
Absoluta: poner la ruta completa. Ejemplo: C/carpeta1/carpeta2/imag1.jpg. Problema: cuando subas tu página deberás cambiar las rutas, pues el explorador no tiene acceso a tu disco duro.
Relativa: pones la ruta tomando como origen tu página html. Tal como te explicaba Serius29. Problema o a tener en cuenta: debes mantener la misma estructura al subir la página al servidor para que la ruta relativa siga siendo válida.
Un saludo.

[fearhds]

Iniciado por kseso?

Hola Fearhds.
Hay dos formas de enlazar: relativa y absoluta.
Absoluta: poner la ruta completa. Ejemplo: C/carpeta1/carpeta2/imag1.jpg. Problema: cuando subas tu página deberás cambiar las rutas, pues el explorador no tiene acceso a tu disco duro.
Relativa: pones la ruta tomando como origen tu página html. Tal como te explicaba Serius29. Problema o a tener en cuenta: debes mantener la misma estructura al subir la página al servidor para que la ruta relativa siga siendo válida.
Un saludo.

y no hay ninguna manera d evitar cambiar las rutas al pasar d mi servidor local a cuando suba la pagina??

algun IF o no se... alguna otra forma...

[daPhyre]

¿Estás seguro que las carpetas están ordenadas de la misma forma tanto en la página como en tus archivos?

Por lo que veo, en tu página tienes tus imágenes dentro de la carpeta XXXXX, mientras que en tus archivos locales no están en este lugar. Lo que deberías hacer es meter tu carpeta local de imágenes en una carpeta de nombre igual XXXXX...

[fearhds]

Iniciado por daPhyre

¿Estás seguro que las carpetas están ordenadas de la misma forma tanto en la página como en tus archivos?

Por lo que veo, en tu página tienes tus imágenes dentro de la carpeta XXXXX, mientras que en tus archivos locales no están en este lugar. Lo que deberías hacer es meter tu carpeta local de imágenes en una carpeta de nombre igual XXXXX...

si... para las imagenes de mi web no uso el XXXXX ya k desde la configuracion del sitio dreamweaver ya le digo toda la ruta.

pero al utilizar el background:url() el dreamweaver no entra en la carpeta k debiera. La pregunta es a ver si a traves del CSS o algo le pueda decir k la ruta empieza ya dentro d XXXXX

[kseso?]

está fea la autocita:

debes mantener la misma estructura al subir la página al servidor para que la ruta relativa siga siendo válida

Si en local (uses dreamweaver o el bloc de notas) usas la misma estructura de carpetas y archivos que en tu servidor, deberás ver las imágenes que llames mediante css.
Pues supongo que sabrás que en el archivo .css debes definir las rutas a tus imágenes tomando como origen el propio archivo .css, no el html o php al que maqueta.
Un saludo

[fearhds]

y como lo hago para definir la ruta dentro del css?

[kseso?]

Creo que será más conveniente que antes de seguir eches un vistazo a estos conceptos básicos. En esta página puedes hallar solución a esa y otras cuestiones similares.
desarrolloweb.com

En css se aplica una imagen de fondo de varias maneras, la más compacta es:
#elemento {background: #000000 url(ruta/a/tu/imagen.jpg) repeat; }
donde
#000000 es el color de fondo
url(.........) es la ruta a la imagen
repeat puede tomar ése u otros valores
Para adentrarte en el diseño mediante css puedes ver distintos manuales, entre ellos:
http://www.librosweb.es/

Espero te sirvan.

[fearhds]

Lo solucione colocando el archivo style.css en una carpeta aparte. Y reconfigurando las rutas relativas.

es decir la estructura d archivos es:


html/
html/imagenes/
html/estilos/



Gracias por los consejos ;)