Foros del Web » Creando para Internet » CSS »

imagen fija en tabla

Estas en el tema de imagen fija en tabla en el foro de CSS en Foros del Web. La frecuente pregunta del fondo fijo y que no se repita, queda clara, modificando la etiqueta, fijo y no repetir. Eso perfecto. También sé que ...
  #1 (permalink)  
Antiguo 16/10/2003, 06:42
 
Fecha de Ingreso: septiembre-2003
Ubicación: Zaragoza
Mensajes: 21
Antigüedad: 20 años, 6 meses
Puntos: 0
imagen fija en tabla

La frecuente pregunta del fondo fijo y que no se repita, queda clara, modificando la etiqueta, fijo y no repetir. Eso perfecto. También sé que se puede hacer poniendo el fondo a una tabla, y he aquí mi problema. Porque quiero el fondo en una tabla determinada de la pagina, pero no en todas, y cuando lo aplico a tabla, por mucho que tenga seleccionada solo la que yo quiera, me lo aplica A TODAS con lo que se me fastidia el invento.
¿Cómo hay que hacer para que el fondo fijo, no repetir, sólo se aplique a la tabla que yo quiero????
Esa es la question... ¿alguien me lo cuenta?
Graaaaciasssss
__________________
----------------------------------------
Vivir :corazon: es abrir cada día los ojos a lo que nos rodea.
¡No te :Zzz: con la vida entre tus manos!
  #2 (permalink)  
Antiguo 16/10/2003, 09:14
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola kivuca:

Para poner un estilo a un elemento determinado, puedes hacerlo de varias maneras:

Una de ellas es inline, o sea en la misma etiqueta.
Otra forma es darle un valor al atributo class y crear una hoja de estilos para ese atributo poniendo por delante un punto...
Otra manera es darle un valor de id y crear una hoja de estilos con el id poniéndo por delante la almohadilla "#"

1º:
<table style="background-image: url(tuFondo.gif); background-repeat: no-repeat; background-position: center center; background-attachment: fixed"><tr><td>...

2º:
<style>
.miTabla {background-image: url(tuFondo.gif);...

... y en la tabla:
<tabla class=miTabla ...

3º:
<style>
#miTabla {...

... y en la tabla:
<tabla id=miTabla ...

Espero que te sirva.

Saludos
  #3 (permalink)  
Antiguo 17/10/2003, 16:57
 
Fecha de Ingreso: septiembre-2003
Ubicación: Zaragoza
Mensajes: 21
Antigüedad: 20 años, 6 meses
Puntos: 0
Muchas gracias, "fiera" ... aún no lo he probado que estoy ya de finde, pero en cuanto lo pruebe te lo agradeceré aún más, porque con tres opciones ya es la pera...
Y que da gusto con gente así, de verdad... uffff!!! Y que luego digan que la humanidad es borde, jajajaj

Hasta la siguiente, que seguro que las dudas no se me acabarán aquí...
__________________
----------------------------------------
Vivir :corazon: es abrir cada día los ojos a lo que nos rodea.
¡No te :Zzz: con la vida entre tus manos!
  #4 (permalink)  
Antiguo 22/10/2003, 10:35
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.747
Antigüedad: 22 años, 2 meses
Puntos: 3
Yo soy nuevo en esto, komo haría para ke no se me repitiera el fondo en la misma celda?

Siento si soy repetitivo kon este tema
__________________
diseño y programación
http://www.manucastro.es
[email protected]
  #5 (permalink)  
Antiguo 22/10/2003, 10:43
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola Sette:

Para que no se repita un fondo está el estilo background-repeat, y los valores que puede tener son no-repeat, repeat-x y repeat-y (no estoy seguro de que sean los únicos pero son los que interesan.

significa que no se repita, que se repita en horizontal o que se repita en vertical.

Ejemplo:
<table><tr><td style="background-image: url(tuFondo.gif); background-repeat: no-repeat; background-position: center center; background-attachment: fixed">...

... Fíjate que solo copié lo que puse anteriomente, pero en este caso está aplicado a una celda (y no a la tabla completa)

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:34.