Foros del Web » Creando para Internet » CSS »

medidas diferentes para los lados de un mismo div

Estas en el tema de medidas diferentes para los lados de un mismo div en el foro de CSS en Foros del Web. Hola a todos, verán tengo una duda a ver si alguien me puede indicar: ¿podría hacer que la altura de un div fuera diferente por ...
  #1 (permalink)  
Antiguo 30/01/2014, 06:43
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 5
medidas diferentes para los lados de un mismo div

Hola a todos, verán tengo una duda a ver si alguien me puede indicar:

¿podría hacer que la altura de un div fuera diferente por el lado derecho del div que por el lado izquierdo del mismo div?

es decir partiendo de un div de 500px de ancho por ejemplo, esto seria 500 px por la parte del lado de arriba del rectangulo del div y otros 500px por la parte del lado de abajo del rectangulo del div.

y 200 px en los dos lados verticales del rectangulo del div.

Pero.. y si quisiera que uno de los lados verticales del div midiera 200 px y el otro 150px, podria hacer esto?

¿alguien sabria indicarme como ?


gracias de antemano.
  #2 (permalink)  
Antiguo 30/01/2014, 07:53
Avatar de Crazylegs  
Fecha de Ingreso: septiembre-2013
Ubicación: Barcelona
Mensajes: 74
Antigüedad: 11 años, 1 mes
Puntos: 14
Respuesta: medidas diferentes para los lados de un mismo div

Con CSS3 se pueden hacer cosillas:

http://www.css3shapes.com/

Las figuras mostradas ahí, son divs con CSS3, nada de imágenes ni Javascript.

Si te fijas el trapezoide es quizá lo más parecido a lo que comentas. Sólo que en el ejemplo son distintos sus lados horizontales. Es posible que si cambias los borders consigas lo que quieras.

Sin embargo, otra forma de hacerlo es con una imagen PNG de la forma que tu quieras, esta la pones de fondo en el div.

Un saludo.
__________________
¡Mira mis tutoriales web!
  #3 (permalink)  
Antiguo 30/01/2014, 07:55
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: medidas diferentes para los lados de un mismo div

Aquí algunos más: http://css-tricks.com/examples/ShapesOfCSS
  #4 (permalink)  
Antiguo 30/01/2014, 08:51
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 5
Respuesta: medidas diferentes para los lados de un mismo div

Sois unos fenomenos, es justo lo que buscaba.

Apuntaros un tanto en el marcador.!!!!

Muchas gracias de verdad.

Etiquetas: medidas
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 20:58.