Foros del Web » Creando para Internet » CSS »

(Ayuda) Problema Con caja-bordes redondeados.

Estas en el tema de (Ayuda) Problema Con caja-bordes redondeados. en el foro de CSS en Foros del Web. El problema lo pueden observar en click aqui Les dejo el html y el css: html: <div class="caja"> <div class="cajaarriba"> <div class="cajaabajo"> ContenidoContenido ContenidoContenido ContenidoContenido ...
  #1 (permalink)  
Antiguo 04/03/2009, 06:54
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
(Ayuda) Problema Con caja-bordes redondeados.

El problema lo pueden observar en click aqui

Les dejo el html y el css:

html:

<div class="caja">
<div class="cajaarriba">
<div class="cajaabajo">
ContenidoContenido
ContenidoContenido
ContenidoContenido
ContenidoContenido
</div>
</div>
</div>

CSS:

.caja {
width: 300px;
background-image: url(img/cajaline.png);
background-position:center;
background-repeat: repeat-y;
}

.cajaarriba {
background-image: url(img/cajatop.png);
background-position: top center;
background-repeat: no-repeat;
}
.cajaabajo {
background-image: url(img/cajabottom.png);
background-position: bottom center;
background-repeat: no-repeat;
padding: 15px 15px 15px 15px;
}

Espero puedan darme una manito...!!!!

saludos.
  #2 (permalink)  
Antiguo 04/03/2009, 08:02
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: (Ayuda) Problema Con caja-bordes redondeados.

El problema está en que la clase caja tiene una imagen (línea recta) como fondo que se repite verticamlmente, por lo que produce el problema que mencionas.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 04/03/2009, 08:42
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: (Ayuda) Problema Con caja-bordes redondeados.

y que deberia hacer para solucionar el problema...???

yo lo saque de aca.



Saludos.
  #4 (permalink)  
Antiguo 04/03/2009, 09:15
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: (Ayuda) Problema Con caja-bordes redondeados.

La diferencia es que en el ejemplo que mencionas están usando gif (sin transparencia), mientras que tú estás usando png, que es transparente, por lo tanto, la línea que se repite verticalmente se mostrará, ya que el borde redondeado es transparente.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 04/03/2009, 09:41
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: (Ayuda) Problema Con caja-bordes redondeados.

Gracias.

Solucionado.
  #6 (permalink)  
Antiguo 07/04/2009, 05:16
 
Fecha de Ingreso: noviembre-2008
Mensajes: 136
Antigüedad: 9 años, 1 mes
Puntos: 3
Respuesta: (Ayuda) Problema Con caja-bordes redondeados.

HOla,

el ejemplo mostrado me ha aclarado mucho unas dudas que tenia pero tengo un problema con cajas con esquinas bordeadas que no sé como solucionar.

El ejemplo mostrado antes, tenía un ancho fijo pero lo que busco necesito es que el ancho sea variable de forma que la imagen utilizada para poner arriba y abajo no me sirve.

Alguien sabe algun ejemplo donde ver como se pueden montar este tipo de cajas con esquinas bordeadas y ancho y alto variable?

Muchas gracias a todos.
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 01:20.