last day (15 days later) » 

18:00
1
A: Building a seatmap with kind of wings for the plane

Giacomo AlessandroniThis is my solution, with a CSS for the two wings: http://jsfiddle.net/0Lu4vspq/6/ #wings { border: solid 5px #333; width: 80px; position: relative; left: 155px; } And <div id="wings"></div> Before and after your code. UPDATE Perfect. You can edit dynamically the CSS via...

My wings are two rectangle. With more work they can be done more similar to the two wings.
Sorry. Now is correct.
The idea itself is not that bad. I just have to think about how I can position the wings dynamicly. I get the position of the wings from a datebase and currently write it down into a tablerow. So I know that seat 5 or 34 or eg.. is above the wings.
@GiacomoAlessandroni: Aside from the positioning problem, it would stilll be interesting how these rectangles could look more like a wing?
@SchweizerSchoggi here are: jsfiddle.net/0Lu4vspq/10
@GiacomoAlessandroni: these wings look awesome! Unfortunatly it is not cross browser compatible. e.g. does not work in IE11 :-/ And regarding the positioning: I cannot use PHP in this project. EDIT: OK, I see.. you just forgot the standard definition in there. I have added transform: skew(20deg); and it looks nice everywhere. New version here: jsfiddle.net/SchweizerSchoggi/0Lu4vspq/15
Well, I insert your improve in my answer for all.
18:13
Yes @SchweizerSchoggi, but chatting here. ;-)

  last day (15 days later) »