Foros del Web » Creando para Internet » CSS »

Rombos alineados unos con otros

Estas en el tema de Rombos alineados unos con otros en el foro de CSS en Foros del Web. Hola a todos, intento hacer dos líneas de rombos que vayan como 'enlazados', a ver si me explico: ♦♦♦♦♦♦♦ .♦♦♦♦♦♦♦ Salvo que en la realidad, ...
  #1 (permalink)  
Antiguo 30/10/2013, 11:41
Avatar de TheScript  
Fecha de Ingreso: septiembre-2011
Ubicación: Spain
Mensajes: 164
Antigüedad: 13 años, 2 meses
Puntos: 30
Rombos alineados unos con otros

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.
  #2 (permalink)  
Antiguo 31/10/2013, 03:43
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: Rombos alineados unos con otros

Lo tienes todo explicado en el artículo.

Vale que utiliza Sass y Compass, pero luego tienes un enlace a la demo donde sale compilado el CSS normal y corriente.

Etiquetas: contenido, página, responsive, unos
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 14:22.