Saludos de nuevo,
Lo que te comenté en el mensaje anterior era solamente para definir un fondo para la página, pero ahora que te releo veo que lo que deseas es asignar un fondo a cada una de las celdas de tu página. Bueno, eso tiene arreglo de nuevo con los estilos.
En primer lugar has de definir en la hoja de estilo cada uno de los diferentes fondos para luego especificar en cada celda de qué tipo es. Veamoslo paso a paso.
Vamos a la hoja de estilo y definimos esto:
.fondo-030 { BACKGROUND-IMAGE: url(imagenes/fondo030.gif) }
.fondo-025 { BACKGROUND-IMAGE: url(imagenes/fondo025.gif) }
.fondo-020 { BACKGROUND-IMAGE: url(imagenes/fondo020.gif) }
.fondo-015 { BACKGROUND-IMAGE: url(imagenes/fondo015.gif) }
.fondo-010 { BACKGROUND-IMAGE: url(imagenes/fondo010.gif) }
y así tantos como quieras.
El punto que he puesto justo antes del nombre de cada tipo es importante. En cuanto al nombre que le des, puedes escoger lo que deseas, pero no dejes espacios en blanco en ese nombre, ni pongas acentos ni guiones bajos "_", ni mayúsculas, oki?
Ahora guardas la hoja de estilo y ya tenemos la mitad terminado.
En segundo lugar, has de ir al código de la página en la que quieres que aparezcan las celdas con esos fondos. Imagino (ya que hablas de celdas) que tienes estructurada la página con tablas, divididas en varias celdas en las que quieres poner estos distintos fondos.
El código para una celda concreta sería algo así como:
<TD>contenido de la celda</TD>
Bien, si deseas que esta celda tenga el fondo llamado fondo010.gif, tienes que decirle al código que esa tabla es del tipo .fondo-010 que acabamos de definir en la hoja de estilo. Esto de asignarle ese tipo a esa celda se hace incluyendo lo señalado en azul a la línea de código anterior, y quedaría así:
<TD class="fondo-010">contenido de la celda</TD>
Después de asignar el tipo de celda a cada una de ellas, guardas la página y listo. Eso es todo. Verificalo y nos cuentas.
Ten en cuenta que, aunque parece algo muy muy engorroso y pesado, con el tiempo te saldrá solo, sin costarte trabajo alguno. Además tiene la ventaja de que si otro día quieres cambiar el fondo de una de las celdas tan solo tienes que irte a la hoja de estilo y cambiar allí el nombre del archivo, sin más. No es genial?
Otra cosilla. Solo hemos definido el fondo de las celdas, pero ya sabes que entre esos paréntesis puedes colocar otras muchas cosas para dar forma y estilo a esa celda en concreto. Por ejemplo, si deseas que todo el texto de una determinada celda aparezca en negrita, solo tienes que abrir la hoja de estilo e incluir entre los paréntesis y separado de lo que ya hay con un punto y coma ";" esto otro: FONT-WEIGHT: bold, quedando la definición de esa celda en la hoja de estilo así, por ejemplo:
.fondo-020 { BACKGROUND-IMAGE: url(imagenes/fondo020.gif) ; FONT-WEIGHT: bold }
Bueno, inténtalo, prueba y nos cuentas qué te parece, oki?
Nos leemos amigo :wink:
