Hola a todos, intento hacer dos líneas de rombos que vayan como 'enlazados', a ver si me explico:
♦♦♦♦♦♦♦
.♦♦♦♦♦♦♦
Salvo que en la realidad, la fila de abajo está pegada a la de arriba menos 5 píxeles de margen para que no estén unidos.
Algo parecido a esto:
http://viget.com/inspire/who-says-th...st-for-squares
Descargué el ejemplo, pero utiliza plugins y demasiadas cosas, necesito algo un poco mas sencillo o artesanal jejeje
El problema viene que en mis propias pruebas, los pinto de manera dinámica, y dentro de cada rombo puede haber texto o imagen.
Sobretodo en las pruebas que he hecho, lo dificil es que cuando hago la 'ventana del explorador' más pequeña, empiezan a bajar, pero entonces es cuando se me destroza todo por completo.
La cuestión:
¿Sabe alguien como hacer como una 'colmena' de rombos con contenido dentro?
A ver si alguien a visto algo similar... He probado a dibujar un rombo con css en varios ejemplos pero no me vale para luego poder insertar contenido luego dentro...
Espero algún enlace, consejillo o cualquier cosa que se pueda.
Un saludo y mil gracias como siempre.
PD: si quereis ver lo que llevo probado hasta ahora.. lo pongo, aunque es un poco desastre de tanto toketearlo.