Foros del Web » Creando para Internet » HTML »

estirar fondo

Estas en el tema de estirar fondo en el foro de HTML en Foros del Web. Hola estoy haciendo un proyecto en php y html, y tengo el siguiente problema necesito que el fondo de una etiqueta div se estire. alguien ...
  #1 (permalink)  
Antiguo 10/06/2010, 08:26
 
Fecha de Ingreso: junio-2006
Mensajes: 166
Antigüedad: 11 años, 6 meses
Puntos: 3
estirar fondo

Hola estoy haciendo un proyecto en php y html, y tengo el siguiente problema
necesito que el fondo de una etiqueta div se estire. alguien sabe como hacerlo?
gracias de antemano!
  #2 (permalink)  
Antiguo 10/06/2010, 08:28
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Tokyo - Japan !
Mensajes: 3.867
Antigüedad: 8 años, 2 meses
Puntos: 334
Respuesta: estirar fondo

este tema nada tiene que ver con PHP.. pregunta en CSS
y si quieres que se estire después de haber ya cargado.. pregunta en Javascript

saludos!
__________________
More about me...
~ @rhyudek1
~ Github
  #3 (permalink)  
Antiguo 10/06/2010, 08:32
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: estirar fondo

Hasta donde tengo entendido, los fondos no se estiran (tal vez alguien me sorprenda). Lo que puedes hacer es crear una imagen que pueda cumplir con algún patrón y repetirla, sea en altura o en anchura.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #4 (permalink)  
Antiguo 10/06/2010, 09:33
 
Fecha de Ingreso: junio-2006
Mensajes: 166
Antigüedad: 11 años, 6 meses
Puntos: 3
Respuesta: estirar fondo

les explico lo que quiero hacer... miren esta pagina http://sabriwebs.0fees.net/
quiero hacer ese cuadrado con puntas redondeadas. que encuadra el hola mundo
para q cuando un usuario postee el texto aparesca en un cuatrado con puntas redondeadas como ese. nose si me explico....
entonces habia pensado hacer el bloque con una etiqueta div con la imagen de fondo que sea ese cuadrado de puntas redondeadas que se estire segun la dimension del post.
o hay alguna forma mas facil de hacer esto?
  #5 (permalink)  
Antiguo 10/06/2010, 09:48
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Tema movido desde PHP a HTML
  #6 (permalink)  
Antiguo 10/06/2010, 17:15
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: estirar fondo

sabruchi:

El html + Css sería algo asi

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Marco redondeado</title>
<style type="text/css">
<!--
#izquierda {
	position:relative;
	width:10px;
	height:115px;
	z-index:1;
	background-color: #FFFFFF;
	float: left;
	background-image: url(izq.png);
}
#centro {
	position:relative;
	width:200px;
	height:auto;
	z-index:2;
	background-color: #FFFFFF;
	float: left;
	background-image: url(centro.png);
	text-align: center;
	vertical-align: middle;
}
#derecha {
	position:relative;
	width:10px;
	height:115px;
	z-index:3;
	background-color: #FFFFFF;
	float: left;
	background-image: url(der.png);
}
-->
</style>
</head>

<body>
<div id="contenedor_marco">
  <div id="izquierda"></div>
  <div id="centro">Contenido</div>
  <div id="derecha"></div>
</div>
</body>
</html> 
ahora, las imágenes de fondo:
Para la capa izquierda



Para la del centro:



Y para la derecha



Te aclaro que por defecto el valor de repetir para background-image es repeat, que es lo importante para hacer lo que tu denominas, "estiramiento" para el contenido(capa centro), para los cierres a izquierda y derecha, el ancho de la capa es igual al de las imágenes (10px en este caso) y da lo mismo que repita o no.
Cuidado, esto te sirve para hacer el ajuste horizontalmente, si tu contenido va a modificar tambien el alto de la capa central, la cosa es más complicada, y ni me puse a pensar en una solución para eso, espero con esto te alcance.
Saludos
  #7 (permalink)  
Antiguo 10/06/2010, 17:35
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: estirar fondo

Ahora es un poco más claro lo que quieres hacer, te recomiendo, aparte de lo que ya te sugirieron, que leas este aporte que se puede hacer con CSS, con imagenes y sin ellas http://www.araudi.net/ Busca así mismo, esquinas redondeadas.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos

Etiquetas: estirar, fondo
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 19:45.