Foros del Web » Creando para Internet » HTML »

Linea de separación inclinada entre 2 columnas o filas

Estas en el tema de Linea de separación inclinada entre 2 columnas o filas en el foro de HTML en Foros del Web. Hola, buen día. Tengo una pregunta con respecto a como puedo insertar una linea de separación entre 2 columnas o dos filas. Se vería algo ...
  #1 (permalink)  
Antiguo 15/06/2010, 13:45
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 13 años, 11 meses
Puntos: 0
Linea de separación inclinada entre 2 columnas o filas

Hola, buen día.

Tengo una pregunta con respecto a como puedo insertar una linea de separación entre 2 columnas o dos filas. Se vería algo así:


|\¯¯¯¯|
|..\..a..|
|....\....|
|..b..\..|
|____\|

Lo he visto que lo hacen en excel, más sin embargo no encuentro como por HTML.

Quisiera evitar usar imagenes de fondo para hacer esto.

Alguién tiene ideá?

Muchas gracias.
  #2 (permalink)  
Antiguo 15/06/2010, 14:07
 
Fecha de Ingreso: junio-2010
Mensajes: 92
Antigüedad: 13 años, 10 meses
Puntos: 1
Respuesta: Linea de separación inclinada entre 2 columnas o filas

CSS3 tiene una opción que se llama ROTATE:

-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);

En teoría debería rotar tu elemento HR 15 grados a la izq. Lo malo es que no todos los web browsers implementan esta función, IE me parece que no la tiene implementada, asi que no me parece una opción viable. Tu unica opción segura es la imágen de fondo.

Etiquetas: columnas, filas, linea
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 18:42.