Re: [css-d] Fraction bar

2010-01-23 Thread Eduardo Varela
- Original Message - From: "Troy Harshman" > > > >.line {clear:left;} >ul {margin:7px 9px 0; padding:3px; list-style:none; > background:#eee; text-align:center; float:left;} >li.numerator {border-bottom:1px solid #000;} >p {float:left;} > > > > >In

Re: [css-d] Fraction bar

2010-01-22 Thread Climis, Tim
> I took Alan's sample and expanded on it to provide a horizontal line. I > haven't extensively tested it but it works well for me on FF3.5. It does look good in FF3.5. But it doesn't look nearly as nice in any other browser. The spacing between the numbers and the bar is too big in everything

Re: [css-d] Fraction bar

2010-01-22 Thread Mark Richards
>> This is far to complex. In maths, a fraction 3 over 2 is also >> the same >> as 3 divided by 2. This markup and CSS does this. >> >> 3/2 >> >> -- >> Alan http://css-class.com/ >I run your code and saw your demo, but I wanted a horizontal line. I took Alan's sample and expanded on it to pro

Re: [css-d] Fraction bar

2010-01-21 Thread Eduardo Varela
- Original Message - From: "Alan Gresley" > This is far to complex. In maths, a fraction 3 over 2 is also the same > as 3 divided by 2. This markup and CSS does this. > > 3/2 > > div {line-height:160%;} /* or any other container *./ > sup, div sub {font-size:75%;} > > > Demo. > > <

Re: [css-d] Fraction bar

2010-01-21 Thread Alan Gresley
Jukka K. Korpela wrote: > Jukka K. Korpela wrote: > >> I'm afraid you misunderstood the question, or the OP misunderstood what >> "fraction bar" means. It means a character resembling "/" but with >> different angle and properties, used to construct fractional numbers in a >> particular rendering

Re: [css-d] Fraction bar

2010-01-21 Thread Al Sparber
This page might be of help: http://www.cs.tut.fi/~jkorpela/math/#fractions Just remember that in the quest to make fractions that look like they are from a math book you might succeed visually but fail miserably in terms of accessibility - not to mention what would happen if someone tried to cop

Re: [css-d] Fraction bar

2010-01-21 Thread Eduardo Varela
- Original Message - From: "Troy Harshman" > also. Here's some sample code.. > > > > >.line {clear:left;} >ul {margin:7px 9px 0; padding:3px; list-style:none; > background:#eee; text-align:center; float:left;} >li.numerator {border-bottom:1px solid #000;} >p {flo

Re: [css-d] Fraction bar

2010-01-21 Thread Thierry Koblentz
Hi Troy, > Although it may not be the best application for lists, I think using > my method isn't too bad and it is attractive. It's a bit clunky, but > probably not as clunky as other options. The only issue I see is when > there is a lack of styles, you'll be looking at numbers in lists with >

Re: [css-d] Fraction bar

2010-01-21 Thread Eduardo Varela
- Original Message - From: "Bill Braun" To: Sent: Wednesday, January 20, 2010 11:27 PM Subject: Re: [css-d] Fraction bar > Eduardo, Norton Internet Security is reporting 47 virus threats coming > from this site. Are you aware of that? > > Bill B > Thanks, B

Re: [css-d] Fraction bar

2010-01-21 Thread Bill Braun
Troy Harshman wrote: > Although it may not be the best application for lists, I think using > my method isn't too bad and it is attractive. Try this, see if it works. http://www.w3.org/1998/Math/MathML";> 2 3 Bill B

Re: [css-d] Fraction bar

2010-01-21 Thread Skip Knox
Isn't this all more about markup than about style? Skip Knox Boise State University __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Li

Re: [css-d] Fraction bar

2010-01-21 Thread Troy Harshman
Although it may not be the best application for lists, I think using my method isn't too bad and it is attractive. It's a bit clunky, but probably not as clunky as other options. The only issue I see is when there is a lack of styles, you'll be looking at numbers in lists with bullets. But, you'll

Re: [css-d] Fraction bar

2010-01-21 Thread Jukka K. Korpela
Jukka K. Korpela wrote: > I'm afraid you misunderstood the question, or the OP misunderstood what > "fraction bar" means. It means a character resembling "/" but with > different angle and properties, used to construct fractional numbers in a > particular rendering, similar to that of "½". It wa

Re: [css-d] Fraction bar

2010-01-20 Thread Jukka K. Korpela
Del Wegener wrote: > I have been fighting these same issues for a several years and I am > convinced that the best method is to use images. Hardly. Using images for such purposes are the last resort and always come with problems, even if you define them with CSS settings that make them scale ac

Re: [css-d] Fraction bar

2010-01-20 Thread Rob Emenecker
> http://www.cs.tut.fi/~jkorpela/math/#fractions > > Their recommended solution (#8260 is the "fraction slash" character): > > .above, .below { font-size: 70%; > font-family: Verdana, Arial, sans-serif; } > .above { vertical-align: 0.7ex; } .below { vertical-align: -0.3ex; } >

Re: [css-d] Fraction bar

2010-01-20 Thread Del Wegener
> I am Eduardo, from Buenos Aires. > I have a site at > > http://notasdematematicaelemental.7p.com/matel_ejemplos.html#PotenciaDefinicion > > and I want to write numbers like 3/2 with a fraction bar, ie 3 > > 2 > > Does anyone know how to do it? > > Thanks > Eduardo Eduardo; I have been fightin

Re: [css-d] Fraction bar

2010-01-20 Thread Bill Braun
Eduardo Varela wrote: > Hi, first time I write here. > I am Eduardo, from Buenos Aires. > I have a site at > > http://notasdematematicaelemental.7p.com/matel_ejemplos.html#PotenciaDefinicion > > Eduardo, Norton Internet Security is reporting 47 virus threats coming from this site. Are you

Re: [css-d] Fraction bar

2010-01-20 Thread Craig Ogg
> On Wed, Jan 20, 2010 at 7:23 PM, Eduardo Varela wrote: > > Hi, first time I write here. > > I am Eduardo, from Buenos Aires. > > I have a site at > > > > http://notasdematematicaelemental.7p.com/matel_ejemplos.html#PotenciaDefinicion > > > > and I want to write numbers like 3/2 with a fracti

Re: [css-d] Fraction bar

2010-01-20 Thread Troy Harshman
I think your best bet would be to use lists. I threw this code together really quick and it looks good to me. Likely will need to be tweaked to meet your specific needs, but it's a start. ul {width: 8px; list-style:none;} li.numerator {border-bottom:1px s

[css-d] Fraction bar

2010-01-20 Thread Eduardo Varela
Hi, first time I write here. I am Eduardo, from Buenos Aires. I have a site at http://notasdematematicaelemental.7p.com/matel_ejemplos.html#PotenciaDefinicion and I want to write numbers like 3/2 with a fraction bar, ie 3