splitflap icon indicating copy to clipboard operation
splitflap copied to clipboard

Problem with character width

Open ErwanMAS opened this issue 11 years ago • 2 comments

I use your module do display a scoreboard .

http://www.mas.nom.fr/tarot/dev/cast.php

I have a problem with the digit '9' , he does not have the same width .

My browser is : FireFox 20 (ubuntu) or Safari 6.0.4 (MacOsX )

ErwanMAS avatar Jun 01 '13 18:06 ErwanMAS

Well the solution is simple.

.splitflap .segment { 
    width: .6em;
}

.6 seems to be about right for the set of numerals.

Eventually I'll add code to detect the widest glyph a segment might display and make sure that it is always that wide, but for now you need to set the width(s) in CSS.

Also I'm curious, how did you find this project? You're the first person I'm aware of using it, other than myself.

conartist6 avatar Jun 01 '13 20:06 conartist6

Thanks , for the css tips . Currently i use the jquery version ( demo version )

I found your project via google .

ErwanMAS avatar Jun 02 '13 06:06 ErwanMAS