Foros del Web » Creando para Internet » CSS »

Redimensionar imagen de fondo de tabla

Estas en el tema de Redimensionar imagen de fondo de tabla en el foro de CSS en Foros del Web. Hola, hace poco que empece con CSS, no se si mi pregunta sera basica o no pero la pongo aqui, la pregunta es, tengo una ...
  #1 (permalink)  
Antiguo 14/09/2009, 13:00
 
Fecha de Ingreso: noviembre-2003
Ubicación: A Coruña
Mensajes: 89
Antigüedad: 14 años
Puntos: 0
Exclamación Redimensionar imagen de fondo de tabla

Hola, hace poco que empece con CSS, no se si mi pregunta sera basica o no pero la pongo aqui, la pregunta es, tengo una tabla dividida en celdas de diferentes tamaños que uso para maquetar, esta tabla y sus celdas se redimensionan con la web, pero en una de ellas tengo una imagen de fondo que añadi con css (background-image: url(logos/fondo.jpg), el problema es que no se adapta al ancho ni al largo de la celda sino que aparece recortada, ¿se puede hacer que el fondo se adapte a la celda segun su proporcion en cada momento?.Gracias
  #2 (permalink)  
Antiguo 14/09/2009, 13:44
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Redimensionar imagen de fondo de tabla

Una imágen de fondo no se puede manipular, excepto su posición, no redimensiona, quizá esto te sirva
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 14/09/2009, 19:28
 
Fecha de Ingreso: noviembre-2003
Ubicación: A Coruña
Mensajes: 89
Antigüedad: 14 años
Puntos: 0
Respuesta: Redimensionar imagen de fondo de tabla

Con el ejemplo que citas consegui algun avance, se carga la imagen dentro del div y el texto en otro div por encima, el problema es que no acaba de encuadrarse perfectamente al div, me explico, el div esta en la parte central de la web y tiene que redimensionarse dentro de su espacio, por la parte superior y la parte izquierda se adapta a los margenes del div, pero la parte inferior y derecha se escapa unos centimetros del borde del div, ¿puedo hacer algo para que se ajuste perfectamente al encuadre que el corresponde?.Gracias

P.D:Dejo el codigo

Código HTML:
<div id="tabla3">
<img src="logos/coche.jpg">
<div class="texto">El contenido quedar&aacute; sobre la
capa de la imagen</div>
</div> 
Código HTML:
#tabla3 { 
align: center;
width: 100%;
height: 100%;
border: 4px inset;
margin: 4px;
}

#tabla3 img {
width: 100%;
height: 100%;
position: absolute;
}

.texto { color: #f00;
font-size: 30px;
position: relative;
}
  #4 (permalink)  
Antiguo 14/09/2009, 20:02
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Redimensionar imagen de fondo de tabla

Prueba de esta manera:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. <style type="text/css">
  6. *{margin:0; padding:0;}
  7. html,body{height:99%}
  8. #tabla3 {
  9. width: 99%;
  10. height: 99%;
  11. border: 4px inset #000;
  12. margin: 0 auto;
  13. position:relative;
  14. }
  15.  
  16. #tabla3 img {
  17. width: 100%;
  18. height: 100%;
  19. position: absolute;
  20. }
  21.  
  22. .texto { color: #f00;
  23. font-size: 30px;
  24. position: relative;
  25. }
  26. </head>
  27.  
  28. <div id="tabla3">
  29.     <img src="Imagen de un apretón de manos, un blanco y un negro.jpg">
  30.     <div class="texto">El contenido quedar&aacute; sobre la
  31.     capa de la imagen</div>
  32. </div>
  33. </body>
  34. </html>

Si queres usar el 100% de todo tendras que eliminar los bordes
__________________
WFC
codigo82
  #5 (permalink)  
Antiguo 14/09/2009, 20:18
 
Fecha de Ingreso: diciembre-2008
Ubicación: Mi Casa =D
Mensajes: 292
Antigüedad: 9 años
Puntos: 5
Respuesta: Redimensionar imagen de fondo de tabla

jaja, esa es una duda clasica, yo creía lo mismo cuando comenzé en esto...

Saludos y suerte... mi msn [email protected] <-- para cualquier duda, estoy para ayudar :D
  #6 (permalink)  
Antiguo 15/09/2009, 05:28
 
Fecha de Ingreso: noviembre-2003
Ubicación: A Coruña
Mensajes: 89
Antigüedad: 14 años
Puntos: 0
Respuesta: Redimensionar imagen de fondo de tabla

Lo probare y ya os comento.Gracias
  #7 (permalink)  
Antiguo 15/09/2009, 09:06
 
Fecha de Ingreso: noviembre-2003
Ubicación: A Coruña
Mensajes: 89
Antigüedad: 14 años
Puntos: 0
Respuesta: Redimensionar imagen de fondo de tabla

Ya esta arreglado, muchas gracias por vuestra ayuda, no os despisteis mucho que a lo mejor ya estoy aqui dentro de poco xD.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 00:01.