forma circular compuesta de quesitos

[coper_8888]

Buenas,

Mi pregunta es como se podría crear un circulo con triángulos, estilo quesitos. Estos triángulos a su vez son checkbox, es decir, el circulo debe de estar compuesto por 7 triángulos que corresponden con los días de la semana. El comportamiento debe ser el de un checkbox, ya he hecho algo parecido pero no con esta forma.

Adjunto una imagen de los triángulos para que podáis imaginar de lo que estoy hablando. Los triángulos al pursarlos deben de cambiar de color para que el usuario pueda comprobar que está marcada la opción que pretende.

Lo que me interesaría es averiguar como crear este circulo compuesto de triángulos. Si alguien tiene alguna idea de como podría desarrollarlo se lo agradecería, por remota que pueda ser, puede ser de utilidad.

http://subefotos.com/ver/?65169ac1d1f74e4ed4c2356d461eb2edo.png#codigos

Un saludo, gracias!!

[caricatos]

Hola:

Una opción es el formato svg, pero descartando los viejos navegadores... casi lo mismo sería imágenes canvas... la tercera opción es un mapa de imágenes... te recomiendo que te informes sobre esas opciones...

Saludos

[pzin]

Es un poco complicado hacerlo, no son realmente triángulos como tales, pero igual esto puede servirte: http://codepen.io/pzin/pen/snlDq

Para ver el código CSS (en lugar de Sass) haz click en esa pestaña justo encima de las siglas de CSS.

Para hacerlo como un formulario, puedes usar label e input tipo checkboxes, estos últimos dentro del primer, y también appearance: none.

No es fácil hacerlo. Aunque seguro que quedaría muy bien.

[coper_8888]

Excelentes respuestas, pero me he decantado por la del compañero pzin, dado que parece más fácil y rápido.

Ya tengo el circulo y tal, pero el problema viene cuando intento colocar y alinear los 7 quesitos. Ya tengo creados todos, utilizo la propiedad z-index para solapar las formas. Pero el último tapa al que tiene pegado, he probado con un border-width pero sin éxito.

Osea, que tengo todo creado pero uno de los quesitos solapa al otro. ¿Alguna idea?

Un saludo, y gracias de nuevo por las respuestas, han sido de mucha utilidad.

[faillure]

Busca por pie charts css
https://www.google.es/search?q=pie+charts+css