Verán lo que quiero hacer es dibujar unas flechas que unan celdas de una tabla sin borde, algo parecido a esta imagen.
Gracias de antemano.
12/08/2012, 12:42
| |||
| |||
| Tablas con flechas. Hola, he estado buscando por internet pero o no he sabido buscarlo o es que no se puede. Verán lo que quiero hacer es dibujar unas flechas que unan celdas de una tabla sin borde, algo parecido a esta imagen. Gracias de antemano. |
|
12/08/2012, 17:52
| ||||
| ||||
| Respuesta: Tablas con flechas. Las flechas las podes crear así
Código:
linea horizontal y linea vertical tenes que crearla con una imagen de 1x1px; en forma de repit dento de una celda.← Flecha hacía la izquierda ↑ Flecha hacía arriba → Flecha hacía la derecha ↓ Flecha hacía abajo ↔ Flecha a izquierda y derecha ↵ Flecha de retorno de carro ⇐ Flecha doble hacía la izquierda ⇑ Flecha doble hacía arriba ⇒ Flecha doble hacía la derecha ⇓ Felcha doble hacía abajo ⇔ Flecha doble a izquierda y derecha Pero te recomiendo que crees las flechas en forma de imagen ya completas |
|
13/08/2012, 14:51
| |||
| |||
| Respuesta: Tablas con flechas. Si son celdas, las líneas y flechas también van en celdas, y pueden tener un tamaño fijo, así que puedes usar imágenes. Si las distancias (supongo que las alturas) varían, hay que combinar fondo con capa de imagen y tratar de que ajusten lo mejor posible. Otra opción es hacer todo en canvas, o VML para versiones viejas de IE. O con gráficos desde PHP. La ventaja es que queda en la página como imagen. El método que te sugiere flashmax, usando caracteres Box-Drawing también funciona, pero hay que asegurarse de que haya una fuente instalada que los contenga. Aquí en el Foro no se ven muy bien, pero con alguna vuelta creo que se puede mostrar un ejemplo.
Código:
░ALFA░┐░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░┌░░ECO░░ ░░░░░░│░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░│░░░░░░░ ░░░░░░├──►░[·····]░┐░░░░░░░░░░░░░░░┌░[·····]░◄──┤░░░░░░░ ░░░░░░│░░░░░░░░░░░░│░░░░░░░░░░░░░░░│░░░░░░░░░░░░│░░░░░░░ BRAVO░┘░░░░░░░░░░░░│░░░░[·····]░░░░│░░░░░░░░░░░░└FOXTROT ░░░░░░░░░░░░░░░░░░░├──►░░░░░░░░░◄──┤░░░░░░░░░░░░░░░░░░░░ CHARLY┐░░░░░░░░░░░░│░░░░[·····]░░░░│░░░░░░░░░░░░┌░GOLF░░ ░░░░░░│░░░░░░░░░░░░│░░░░░░░░░░░░░░░│░░░░░░░░░░░░│░░░░░░░ ░░░░░░├──►░[·····]░┘░░░░░░░░░░░░░░░└░[·····]░◄──┤░░░░░░░ ░░░░░░│░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░│░░░░░░░ DELTA░┘░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░└░HOTEL░ |
| Etiquetas: |
