www.state-it.info

Gran base de respuestas a las preguntas de los desarrolladores
Header decor

Cómo сверстать estos elementos?

TeslaGogol 2018-11-06 18:22:35

podría simplemente todo absolutamente спозиционировать y ponerlos en su lugar, pero allí геморно será con адаптивом. He probado a hacer en svg, no sé como cambiar la apariencia de activo 'taba'.
Alguien hizo algo similar? Es decir, las ideas sobre la aplicación de la?
5be1b198bc943233593199.png

Stalker_RED 2018-11-06 18:24:47

no está Claro lo que quiere hacer y cuál es el problema. Qué es esta imagen?


TeslaGogol 2018-11-06 18:26:56

Stalker_RED, la Propia funcionalidad sé cómo hacer, y aquí está el diseño y la ubicación de los elementos no. Como se puede colocar los elementos no usando absolute?


LenovoId 2018-11-06 18:30:57

TeslaGogol, usted se ha escrito sobre svg , lo que no ha resultado ?


TeslaGogol 2018-11-06 18:32:46

LenovoId, va a interactuar con el юзером, se hace clic en la figura, adquiere las propiedades de css, propias de un activo dígito. Como hacer esto en svg, no sé, porque no ha trabajado anteriormente con svg


LenovoId 2018-11-06 18:35:02

TeslaGogol, por ejemplo ¿cuáles son las propiedades ?


TeslaGogol 2018-11-06 18:35:43

LenovoId, en la imagen se ve todo


LenovoId 2018-11-06 18:37:08

TeslaGogol, en lugar de background en svg hay relleno, el resto es lo mismo


Stalker_RED 2018-11-06 18:42:14

TeslaGogol,

en la imagen todo se ve
que "todos"? Incluso no está claro cuál de ellos activo.


Total answers: 3

dpr 2018-11-06 21:00:55

No мудрите. Пилите en los absolutos. El tamaño y la posición de la pérdida de porcentaje. Además de la pareja медиазапросов para redistribuir los bloques en las pequeñas pantallas.

Y en general se puede regular el flujo de implementar, casi sin posicionamiento. Eche un vistazo — bloques van en el orden habitual, si su зафлоатить. Simplemente ellos es necesario зафискировать altura, para que no se tropezaban con uno al otro:

5be1ce5d6e911614719938.png

El primer cinco флоатнутых расположаться en sus lugares. La sexta no va a entrar en el espacio restante y manipulator salta a la tercera fila. La reserva флоатить no es necesario, y fijar el ancho y centrar. Debido a una altura fija el espacio que ocupa el tercer bloque será como el de todos, y los contenidos incluidos en el y se como es necesario. Al igual que en el séptimo.

Para la agilidad altura es mejor no фиксить en píxeles, y hacer sensibles al ancho de la unidad (por el método estándar a través de la parte inferior interna de la sangría)

Así de sencillo.

Simple, pequeño gran ejemplo para el comienzo:

Archi1ect 2018-11-06 21:59:14

se Puede usar CSS Grid posicionar elementos.
Que el tipo de:

Symphony 2018-11-06 18:29:36

masonjs.com
masonry.desandro.com
callmecavs.com/bricks.js
Es necesario sólo configurar correctamente.

TeslaGogol 2018-11-06 18:30:48

Gracias, voy a intentar


Symphony 2018-11-06 18:32:55

TeslaGogol, marque la respuesta, para cuando se produce estos preguntas de otros desarrolladores sabían como resolver.


TeslaGogol 2018-11-06 18:33:23

Symphony, Si me resultará hacer de su método, voy a notar


Preguntas relacionadas:

Footer decor

© www.state-it.info | Base of answers to questions for developers and programmers.