Foros del Web » Creando para Internet » HTML »

Fondo de celda en tabla

Estas en el tema de Fondo de celda en tabla en el foro de HTML en Foros del Web. Hola. Les cuento que yo soy nulo en CSS, mi fuerte es php y javascript, pero veo que programar bien tiene que estar acompañado de ...
  #1 (permalink)  
Antiguo 25/09/2011, 16:58
 
Fecha de Ingreso: agosto-2011
Mensajes: 100
Antigüedad: 12 años, 8 meses
Puntos: 1
Pregunta Fondo de celda en tabla

Hola.

Les cuento que yo soy nulo en CSS, mi fuerte es php y javascript, pero veo que programar bien tiene que estar acompañado de algo de "estilo"... así que indagué de cómo darle estilo a las tablas, que es lo que más me preocupa (me salen demasiado cuadradas por decir algo) y busqué un código para ponerle fondo a las celdas de una tabla.

Hice esto en mi hoja de estilos:

Código CSS:
Ver original
  1. .celda_t1{
  2.     background-image: url(images/borde1.png);
  3.     width: 100%;
  4.     height: 100%;
  5. }

Y en mi tabla puse esto (con la hoja de estilo incluida previamente):

Código HTML:
Ver original
  1. <table width="400" cellspacing="2">
  2.           <tr>
  3.             <th class="celda_t1" scope="col">ID</th>
  4.             <th scope="col">Nombre</th>
  5.             <th scope="col">Clave</th>
  6.             <th scope="col">Permiso</th>
  7.             <th scope="col">Modificar</th>
  8.           </tr>

Pero se me ve esto:

¿Cómo lo hago para que la imagen que tengo se adapte al 100% del espacio de la celda y no se repita?
  #2 (permalink)  
Antiguo 25/09/2011, 17:16
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Fondo de celda en tabla

Actualmente conozco 2 maneras de hacer lo que se llama, background-resize (que en este caso seía lo que necesitas).
Asimismo ese 100% de alto y ancho en la celda estan demas,

una con css3 (que no soportan todos los navegadores)
http://foros.emprear.com/css/background-size/bgs.html

otra con un plugin de jquery
http://johnpatrickgiven.com/jquery/background-resize/

por defecto background-image repite la imagen, tenes que agregarle

background-repeat: no-repeat;

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 25/09/2011, 17:39
 
Fecha de Ingreso: agosto-2011
Mensajes: 100
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Fondo de celda en tabla

Cita:
Iniciado por emprear Ver Mensaje
Actualmente conozco 2 maneras de hacer lo que se llama, background-resize (que en este caso seía lo que necesitas).
Asimismo ese 100% de alto y ancho en la celda estan demas,

una con css3 (que no soportan todos los navegadores)
[url]http://foros.emprear.com/css/background-size/bgs.html[/url]

otra con un plugin de jquery
[url]http://johnpatrickgiven.com/jquery/background-resize/[/url]

por defecto background-image repite la imagen, tenes que agregarle

background-repeat: no-repeat;

Saludos
Gracias por responder tan prontamente...

El primero no lo quiero ocupar porque quiero un código que me sirva para todos los exploradores, para optimizar... y el segundo está bueno, lo probaré, pero la gracia sería encontrar algún código para CSS directamente, o para la tabla misma en HTML.

Gracias y saludos.
  #4 (permalink)  
Antiguo 26/09/2011, 16:20
 
Fecha de Ingreso: agosto-2011
Mensajes: 100
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Fondo de celda en tabla

¿No hay nada que se parezca a tu segunda opción pero en código HTML o CSS?

Saludos.
  #5 (permalink)  
Antiguo 26/09/2011, 16:46
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Fondo de celda en tabla

Para lo que vos pedís, no creo, solo para hacer un fondo de la página entera hay algo parecido
http://css-tricks.com/3458-perfect-f...kground-image/
http://paulmason.name/blog/item/full...-pure-css-code

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: celda, css, php, tabla
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 23:45.