Display fractions

Dev Shed Forums Sponsor:

November 2nd, 2012, 04:45 AM

vikaspa

Contributing User

Join Date: Jul 2002

Location: Mumbai

Posts: 108

Time spent in forums: 14 h 30 m 7 sec
Reputation Power: 11

Display fractions

Dear all

I want to display fraction numbers for website that teaches addition and substration of fractional numbers

normally we write a .5 as 1/2 .25 as 1/4
I want to change the format and display
1/2 as 1 upon 2 (1 then there wil be dash "_" below it and below that number 2) on a single line

Repeating :
in shot 1/2 should be displayed as
1 upon 2
or
1 then there wil be dash "_" below it and below that number 2 on a single line

is this possible using css or any other method

example

1
--
2

Last edited by vikaspa : November 2nd, 2012 at 04:48 AM. Reason: wanted to show an example

November 2nd, 2012, 05:02 AM

MrFujin

Lord of the Dance

Join Date: Oct 2003

Posts: 3,130

Time spent in forums: 2 Months 2 Weeks 1 Day 6 m 48 sec
Reputation Power: 1736

What about this method:
http://changelog.ca/log/2008/07/01/writing_fractions_in_html

Not exactly the format you search for but maybe close enough?

November 4th, 2012, 01:39 AM

voidPirate

Registered User

Join Date: Oct 2012

Posts: 15

Time spent in forums: 5 h 27 m 53 sec
Reputation Power: 0

Go ahead and try this. Not to sure how intuitive this will be for you, but worked fine for me!

PHP Code:


		
			
<style>

li{

    list-style: none;

}



.top{

    width: 10px;

    border-bottom: 1px solid;

}

</style>

</head>



<body>

<ul>

    <li class="top">1</li>

    <li>2</li>

</ul>

<ul>

    <li class="top">1</li>

    <li>2</li>

</ul>

</body>

Viewing: Dev Shed Forums > Web Design > CSS Help > Display fractions

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump