No replies
subbubally
subbubally's picture
Offline
newbie
Last seen: 4 years 13 weeks ago
Timezone: GMT+5.5
Joined: 2015-05-16
Posts: 1
Points: 2

Hi All,

I am basically from .NET developer background. I got a problem while designing a TICKET (used in casino's). I am posting the outline HTML of my problem, some one help me to sort it out.

<div style="width: 210px;position:absolute">
<div id="barCode" style="background:yellow"">
 B&nbsp
 BARCODE IMAGE
</div>
<div style="width: 100px;position:absolute;height:100px;background:magenta; top:25px;-webkit-transform: rotate(-270deg);">DIV 1</div>
<div style="width:auto; min-width:100px;height:100px !important;background:green;position:absolute;right:0px;top:25px;direction: rtl;-webkit-transform: rotate(-270deg); "> DIV 2 dynamic </div>
</div>

BarCode Image - It will be fixed size, PINK and GREEN div content should not disturb this.
GREEN DIV - It will containg dynamic content including chinese characters, I am changing the write mode, so that my printer will print it as like the screen.
PINK DIV - It should keep on moving left side of the GREEN DIV. If green div contents are long, it should keep moving towards left hand side of GREEN DIV.

And also, GREEN DIV WIDTH should not be changed.