search

conartist6 / splitflap

An HTML5/CSS3 implemenatation of a Solari style split flap digital display.
28 stars 14 forks source link

Problem with character width #1

Open ErwanMAS opened 11 years ago

ErwanMAS commented 11 years ago

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 )

conartist6 commented 11 years ago

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.

ErwanMAS commented 11 years ago

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

I found your project via google .