Foros del Web » Creando para Internet » Diseño web »

Como crear una tabla hexagonal en html?

Estas en el tema de Como crear una tabla hexagonal en html? en el foro de Diseño web en Foros del Web. Hola! necesito saber como puedo crear una tabla exagonal en dreamweaver, la idea es que en los vertices quede una imagen y al centro quiero ...
  #1 (permalink)  
Antiguo 25/06/2013, 09:12
 
Fecha de Ingreso: mayo-2013
Mensajes: 21
Antigüedad: 11 años
Puntos: 0
Como crear una tabla hexagonal en html?

Hola! necesito saber como puedo crear una tabla exagonal en dreamweaver, la idea es que en los vertices quede una imagen y al centro quiero poner un buscador...
  #2 (permalink)  
Antiguo 25/06/2013, 10:58
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Como crear una tabla hexagonal en html?

No se puede. Tendrás que cortar en rebanadas un hexágono, o utilizar algo que identifique coordenadas, como area map.
  #3 (permalink)  
Antiguo 25/06/2013, 19:00
Avatar de razpeitia
Moderador
 
Fecha de Ingreso: marzo-2005
Ubicación: Monterrey, México
Mensajes: 7.321
Antigüedad: 19 años, 1 mes
Puntos: 1360
Respuesta: Como crear una tabla hexagonal en html?

Busca "hexagonal grid" en google.

Hay ejemplos, pero no se ve sencillo.

http://www.linuxconsulting.ro/code-r...d/hexgrid.html
http://www.mattpalmerlee.com/2012/04...in-javascript/

Advertencia: Hacen uso extenso de HTML5 (especialmente el canvas), JS y Matemáticas entonces puede que no sea apto para todo diseñador o para todo navegador.
  #4 (permalink)  
Antiguo 25/06/2013, 19:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Como crear una tabla hexagonal en html?

Y con CSS la cosa pinta tal que así: http://css-tricks.com/examples/ShapesOfCSS
  #5 (permalink)  
Antiguo 26/06/2013, 01:36
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Como crear una tabla hexagonal en html?

Hola:

La opción que faltaba mencionar es svg: SVG: Estrellas, pero por lo que cuentas tan solo necesitas un contenedor suficientemente grande para el contenido (las imágenes y el buscador), con el estilo position: relative; y los contenidos con posicionamiento absoluto, calculando sus coordenadas con la ecuación de la circunferencia.

¡Cuéntanos tu decisión!

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: dreamweaver, tabla
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 05:25.