Me carga style.css pero no las imagenes

[CaSTy]

Hola compañeros, tengo un problema con las plantillas CSS.

Me he bajado una plantilla gratuita y bueno, antes de explicar lo que me ocurre, os pongo aquí como tengo distribuida mi proyecto, concretamente la carpeta web.




El archivo index.jsp carga perfectamente el style.css y las imágenes, pero no se como cargar las imágenes en el archivo lista.jsp. El estilo me lo carga perfectamente en lista.jsp ya que en el JSP pongo esta linea...

<style type="text/css">
<%@ include file="/css/style.css" %>
</style>

Pero claro... no me carga las imágenes y quiero que se carguen :S Como puedo establecer la ruta de las imágenes? Debería usar más de un style.css? No se que hacer, la verdad... jejeje

Espero algún consejo!

Un saludo y felices fiestas a todos! ;)

[Fuzzylog]

¿Donde pones la URL, en la jsp o dentro del style.css?

Si la ruta está bien puesta (supongo que usarás rutas relativas) las imágenes deberían cargar sin problemas. Es cuestión de dar con la configuración de ruta correcta.

Por ejemplo si tienes la ruta en el styles.css
background: url('../css/images/tuImagen.jpg') no-repeat;

Si la tienes en la JSP.

src="/tuAplicacion/css/images/tuImagen.jpg"

A ver si con esto te aclaras y te sale

[CaSTy]

Iniciado por Fuzzylog

¿Donde pones la URL, en la jsp o dentro del style.css?

Si la ruta está bien puesta (supongo que usarás rutas relativas) las imágenes deberían cargar sin problemas. Es cuestión de dar con la configuración de ruta correcta.

Por ejemplo si tienes la ruta en el styles.css
background: url('../css/images/tuImagen.jpg') no-repeat;

Si la tienes en la JSP.

src="/tuAplicacion/css/images/tuImagen.jpg"

A ver si con esto te aclaras y te sale

Hola Fuzzylog pues la ruta la tengo puesta en el propio .css de la siguiente forma:

url(css/images/img01.jpg) la verdad es que no estoy muy seguro de como saber si coinciden o no con la ruta del JSP

Un saludo y gracias. Feliz año!

[Fuzzylog]

Pues ya sabes la respuesta, la url debería ser:

url('../css/images/img01.jpg')

Es decir, se debe entrecomillar con comillas simples, y los dos puntos del inicio junto con la barra inclinada indican al sistema que es una ruta relativa.

[CaSTy]

Iniciado por Fuzzylog

Pues ya sabes la respuesta, la url debería ser:

url('../css/images/img01.jpg')

Es decir, se debe entrecomillar con comillas simples, y los dos puntos del inicio junto con la barra inclinada indican al sistema que es una ruta relativa.

Muchas gracias!!! Sí que era simple, sí! :D Ya he podido cargar las imágenes a todas las páginas ;)

Un saludo y cuídate!